4天,96小时,以及我和我的 AI 伙伴的 124 次对话。

下面展示的,是本站的设计原则(以及它们如何被落实)

□ Define MVP scope□ Setup project structure□ Configure AI rules□ Design components
MVP.start()
loop(observe → act → learn)
1

初始化:最简可行原则

设计原则:拒绝过度设计,通过三点定面快速破局:核心页面、技术栈、审美风格。

在模糊中建立秩序,是产品起步阶段最高效的决策。

□ Define core pages...□ Choose tech stack...□ Set visual tone...Core UXTech StackVisual ToneMVP.start()
2

项目空间:PM 的 AI 数字化基座

设计原则:将 PM 的思维逻辑转化为 AI 可理解的结构化指令集(CLI 思维)。

好的产品经理不只输出需求,更设计生产需求的工厂。

📁 .agent/📄 AGENT.md📁 rules/📁 workflows/📁 prompts/AIRules-DrivenPM 思考:好的产品经理不只输出需求,更设计生产需求的“工厂”。
3

SDD 规范:精确的语言桥梁

设计原则:统一向AI提需求的语言模式,使用 EARS (Easy Approach to Requirements Syntax) 消除歧义。

减少与 AI 的无效沟通,本质是在减少产品的开发成本。

"用户应该能...""需要更好的体验""这个功能要简单""速度要快一点"When [condition]The system shall[action]EARSTC-001:✓ PassTC-002:✓ PassTC-003:✓ PassTest Cases
4

方案决策:文档先行

设计原则:在代码落地前,先进行逻辑推演。不确定的实现,由 AI 提供实现方案(Implementation Plan)进行预评审。

文档是思考的留痕,也是控制项目风险的保证。

BlueprintLogoNav LinksHero SectionFeature ListCodeconst app = ...<div>...</div><div>...</div>export default+ new
5

增量迭代:螺旋式上升

设计原则:遵循 基础功能 → 交互优化 → 高级功能 的路径,每一层都是对上一层的加固。

每一次迭代都是一次加固,而不是推翻重来。

Advanced FeaturesUX PolishMVP
6

沉淀:知识复利

设计原则:将临时对话沉淀为长期规则,让 AI 成为可复用的协作伙伴。

真正的效率提升,来自于知识的沉淀和复用。

Iteration FlowSprint 1Sprint 2Sprint 3.mdKnowledge Basebest-practices.mdarchitecture.mdpatterns.md
7

反馈闭环:持续优化

设计原则:通过用户反馈和数据洞察,不断优化产品体验和 AI 协作流程。

反馈是产品迭代的源动力,也是 AI 学习的最佳素材。

FeedbackLogAI RefineDeploy"太淡了""按钮太小"CodeFeedback → Log → AI Refine → Deploy

更多感悟

4天,96小时,我如何从0到1构建一个可演进的个人网站

一次面试课题,也可以把它当成一个真实产品来做