https://linsk27.github.io/tags/tailwind-css/Recent content in Tailwind CSS on 404_@林达Hugo -- gohugo.iozh-cn404_@林达Thu, 28 May 2026 00:00:00 +0000https://linsk27.github.io/projects/ai-v0-dev/Tue, 31 Mar 2026 00:00:00 +0000https://linsk27.github.io/projects/ai-v0-dev/<img src="https://linsk27.github.io/img/projects/ai-v0-dev-learning-dashboard.png" alt="Featured image of post AI-v0.dev AI UI 原型" /><p>AI-v0.dev- 是一个用 Next.js、React、TypeScript、Tailwind CSS 和 shadcn/ui 搭出来的 AI 学习仪表盘原型。它把 3 个月 AI 工程师冲刺计划拆成时间线、项目卡片、知识体系、里程碑、任务进度和本地数据管理。</p> <p><img src="https://linsk27.github.io/img/projects/ai-v0-dev-learning-dashboard.png" loading="lazy" alt="AI v0 learning dashboard" ></p> <h2 id="适合谁">适合谁 </h2><ul> <li>想看 v0.dev 生成页面如何继续整理成真实项目的人。</li> <li>正在做 AI learning dashboard、Next.js dashboard 或学习计划工具的人。</li> <li>想参考 shadcn/ui、Tailwind 和 Radix UI 组合方式的前端开发者。</li> <li>需要 AI UI prototype、项目卡片、进度追踪和本地状态管理界面的人。</li> </ul> <h2 id="项目价值">项目价值 </h2><p>这个项目的重点是产品原型表达。它不是默认模板仓库，而是把学习计划、任务、项目、资源和里程碑组合成一个可交互的仪表盘。对于搜索 AI UI prototype、v0.dev workflow、Next.js dashboard、Tailwind interface design 或 AI learning dashboard 的人，这个页面能更快说明项目价值。</p> <h2 id="技术方向">技术方向 </h2><ul> <li>Next.js</li> <li>React</li> <li>TypeScript</li> <li>Tailwind CSS</li> <li>shadcn/ui</li> <li>Radix UI</li> <li>localStorage 状态管理</li> <li>v0.dev workflow</li> </ul> <h2 id="项目入口">项目入口 </h2><ul> <li>GitHub 仓库：<a class="link" href="https://github.com/linsk27/AI-v0.dev-" target="_blank" rel="noopener" >linsk27/AI-v0.dev-</a></li> <li>项目总览：<a class="link" href="https://linsk27.github.io/projects/" >linsk27 Projects</a></li> </ul> <p>如果这个 AI 产品界面原型对你有参考价值，欢迎在 GitHub 仓库点 Star。Star 是我继续沉淀可复用界面结构和交互模式的主要依据。</p>