<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>AI &#8211; 萧邦的博客</title>
	<atom:link href="https://www.zlhlab.top/category/aiagent/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.zlhlab.top</link>
	<description>If not me who, If not now when</description>
	<lastBuildDate>Mon, 11 Aug 2025 03:05:43 +0000</lastBuildDate>
	<language>zh-Hans</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.8.6</generator>
	<item>
		<title>智投APP</title>
		<link>https://www.zlhlab.top/%e6%99%ba%e6%8a%95app/</link>
		
		<dc:creator><![CDATA[萧邦]]></dc:creator>
		<pubDate>Mon, 11 Aug 2025 02:47:06 +0000</pubDate>
				<category><![CDATA[AI]]></category>
		<category><![CDATA[APP]]></category>
		<guid isPermaLink="false">https://www.zlhlab.top/?p=799</guid>

					<description><![CDATA[随着AI的发展，尝试采用figma AI交互式的创建APP，然后基于cursor进行一些服务端API的实现，整<div class="more-link">
				 <a href="https://www.zlhlab.top/%e6%99%ba%e6%8a%95app/" class="link-btn theme-btn"><span>Read More </span> <i class="fa fa-caret-right"></i></a>
			</div>]]></description>
										<content:encoded><![CDATA[
<p>随着AI的发展，尝试采用figma AI交互式的创建APP，然后基于cursor进行一些服务端API的实现，整体demo能够完整跑起来。整个过程还是被AI的智能化惊艳到了，尤其是figma的ui完整性和可交互。</p>



<h2 class="wp-block-heading">技术架构</h2>



<p>整个过程采用交互式命令行实现，默认采用的react，后面交互式改成vue3，过渡比较平滑。其中重要的几个修改点如下：</p>



<ul class="wp-block-list">
<li>采用websokcet方式从akshare获取流式数据</li>



<li>采用 <a href="https://www.tradingview.com/lightweight-charts/">Lightweight Charts</a> 进行数据的可视化展示。</li>
</ul>



<h2 class="wp-block-heading">APP样式设计</h2>



<figure class="wp-block-gallery has-nested-images columns-default wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="566" height="1024" data-id="800" src="https://www.zlhlab.top/wp-content/uploads/2025/08/截屏2025-08-01-09.55.03-566x1024.png" alt="" class="wp-image-800" srcset="https://www.zlhlab.top/wp-content/uploads/2025/08/截屏2025-08-01-09.55.03-566x1024.png 566w, https://www.zlhlab.top/wp-content/uploads/2025/08/截屏2025-08-01-09.55.03-166x300.png 166w, https://www.zlhlab.top/wp-content/uploads/2025/08/截屏2025-08-01-09.55.03-768x1389.png 768w, https://www.zlhlab.top/wp-content/uploads/2025/08/截屏2025-08-01-09.55.03.png 782w" sizes="(max-width: 566px) 100vw, 566px" /></figure>



<figure class="wp-block-image size-large"><img decoding="async" width="566" height="1024" data-id="803" src="https://www.zlhlab.top/wp-content/uploads/2025/08/截屏2025-08-01-09.55.16-566x1024.png" alt="" class="wp-image-803" srcset="https://www.zlhlab.top/wp-content/uploads/2025/08/截屏2025-08-01-09.55.16-566x1024.png 566w, https://www.zlhlab.top/wp-content/uploads/2025/08/截屏2025-08-01-09.55.16-166x300.png 166w, https://www.zlhlab.top/wp-content/uploads/2025/08/截屏2025-08-01-09.55.16-768x1390.png 768w, https://www.zlhlab.top/wp-content/uploads/2025/08/截屏2025-08-01-09.55.16.png 780w" sizes="(max-width: 566px) 100vw, 566px" /></figure>



<figure class="wp-block-image size-large"><img decoding="async" width="566" height="1024" data-id="802" src="https://www.zlhlab.top/wp-content/uploads/2025/08/截屏2025-08-01-09.55.58-566x1024.png" alt="" class="wp-image-802" srcset="https://www.zlhlab.top/wp-content/uploads/2025/08/截屏2025-08-01-09.55.58-566x1024.png 566w, https://www.zlhlab.top/wp-content/uploads/2025/08/截屏2025-08-01-09.55.58-166x300.png 166w, https://www.zlhlab.top/wp-content/uploads/2025/08/截屏2025-08-01-09.55.58-768x1391.png 768w, https://www.zlhlab.top/wp-content/uploads/2025/08/截屏2025-08-01-09.55.58.png 782w" sizes="(max-width: 566px) 100vw, 566px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="566" height="1024" data-id="805" src="https://www.zlhlab.top/wp-content/uploads/2025/08/截屏2025-08-01-09.56.19-566x1024.png" alt="" class="wp-image-805" srcset="https://www.zlhlab.top/wp-content/uploads/2025/08/截屏2025-08-01-09.56.19-566x1024.png 566w, https://www.zlhlab.top/wp-content/uploads/2025/08/截屏2025-08-01-09.56.19-166x300.png 166w, https://www.zlhlab.top/wp-content/uploads/2025/08/截屏2025-08-01-09.56.19-768x1389.png 768w, https://www.zlhlab.top/wp-content/uploads/2025/08/截屏2025-08-01-09.56.19.png 782w" sizes="auto, (max-width: 566px) 100vw, 566px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="565" height="1024" data-id="807" src="https://www.zlhlab.top/wp-content/uploads/2025/08/截屏2025-08-01-09.56.45-565x1024.png" alt="" class="wp-image-807"/></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="569" height="1024" data-id="806" src="https://www.zlhlab.top/wp-content/uploads/2025/08/截屏2025-08-01-09.56.58-569x1024.png" alt="" class="wp-image-806" srcset="https://www.zlhlab.top/wp-content/uploads/2025/08/截屏2025-08-01-09.56.58-569x1024.png 569w, https://www.zlhlab.top/wp-content/uploads/2025/08/截屏2025-08-01-09.56.58-167x300.png 167w, https://www.zlhlab.top/wp-content/uploads/2025/08/截屏2025-08-01-09.56.58-768x1383.png 768w, https://www.zlhlab.top/wp-content/uploads/2025/08/截屏2025-08-01-09.56.58.png 784w" sizes="auto, (max-width: 569px) 100vw, 569px" /></figure>
</figure>



<h2 class="wp-block-heading">相关链接：</h2>



<p>AKShare官网：<a href="https://akshare.akfamily.xyz/index.html">https://akshare.akfamily.xyz/index.html</a></p>



<p>tradingview lightweight charts: <a href="https://tradingview.github.io/lightweight-charts/docs">https://tradingview.github.io/lightweight-charts/docs</a></p>



<p></p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
