先了解这件事
2026年10月18日,AYi(阿易 AI Notes)分享了一份用 AI 从 0 到 1 搭建个人网站或产品落地页的实战教程,提出两步工作流。第一步是建一份飞书文档作为单一事实源,存入个人介绍、项目案例和服务清单,让 AI 通过飞书命令行工具读取,改文字后网页可自动同步;第二步是拆零件式给参照,从现成设计站扒代码、截图或提炼风格关键词喂给 AI 组装。教程按 8 个工序整理了近 70 个网站,涵盖 shadcn/ui、Aceternity UI 等组件库,Motion、GSAP、Three.js 等动效资源,Godly、Land-book、Awwwards 等整站审美站,以及 v0、Lovable、Google Stitch 等 AI 建站工具和 Anthropic 的 frontend-design 等 4 个设计 Skill。文中提醒参考交互风格和调用开源组件没问题,但不要原样搬运他人整站视觉原图、品牌配图和文案,商用前需确认授权协议,Tailwind Plus 和 Mobbin 完整版为付费订阅。
AI 根据公开报道生成
最新进展 · 正式报道
AI 建个人网站实战教程：飞书底稿加 8 类近 70 个设计参照清单事件进展
1 个已确认进展
- 来源：阿易 AI Notes
报道与讨论时间线
按时间查看正式报道与传播讨论；两类内容的证据等级保持独立。
10月18日
阿易 AI Notes
AI 建个人网站实战教程：飞书底稿加 8 类近 70 个设计参照清单
这篇教程介绍用 AI 从 0 到 1 搭建个人网站或产品落地页的两步工作流：先建一份飞书文档作为单一事实源，存入个人介绍、项目案例和服务清单，让 AI 通过飞书命令行工具读取，改文字后网页可自动同步；再拆零件式给参照，从现成设计站扒代码、截图或提炼风格关键词喂给 AI 组装。作者按 8 个工序整理了近 70 个网站，涵盖 shadcn/ui、Aceternity UI 等组件库，Motion、GSAP、Three.js 等动效资源，Godly、Land-book、Awwwards 等整站审美站，以及 v0、Lovable、Google Stitch 等 AI 建站工具和 Anthropic 的 frontend-design 等 4 个设计 Skill。文中提醒参考交互风格和调用开源组件没问题，但不要原样搬运他人整站视觉原图、品牌配图和文案，商用前需确认授权协议，Tailwind Plus 和 Mobbin 完整版为付费订阅。
阿易 AI Notes
AI 建个人网站教程：飞书文档底稿加近 70 个 UI 设计站点清单
一份 AI 建个人网站的实战教程给出两步工作流：先建飞书文档作为内容底稿，让 AI 通过飞书命令行工具读取，改文档即可同步页面；再从现成设计站扒组件、动效和排版喂给 AI 组装。作者按 8 个工序整理了近 70 个站点，包括 shadcn/ui、Aceternity UI、Magic UI 等组件库，Motion、GSAP、Three.js、Spline 等动效工具，Godly、Land-book、Awwwards 等整站灵感站，以及 v0、Lovable、Google Stitch 等 AI 建站工具和 Anthropic 的 frontend-design 等 4 个设计 Skill。文中提醒参考交互风格和调用开源组件可以，但不要整站搬运视觉原图和文案，商用前需看清授权协议，Tailwind Plus 和 Mobbin 完整版为付费订阅。