🏷️ Tailwind CSS

设计师指南：如何通过 Vibe Coding 快速构建精美的初创公司落地页

本文由设计师 clear 分享了如何利用 AI (Vibe Coding) 在 4-6 小时内构建高质量初创公司落地页的完整工作流。文章详细介绍了技术栈的选择（Cursor、Claude Code、Tailwind CSS、Framer Motion 等），并重点强调了分步构建的策略：从结构搭建、设计系统应用到内容填充，再到最后的细节打磨和移动端适配。作者指出，具体的提示词、参照现实设计案例以及保持视觉一致性是区分“Vibe Code”成品与垃圾代码的关键。

DESIGN.md：网页设计的极致工作流升级

文章介绍了一种通过创建 DESIGN.md 文件来规范 AI 辅助网页设计工作流的方法。作者指出，直接使用 AI 生成不同页面（如定价页、着陆页）时，往往会导致风格不统一。解决方法是将字体、配色、动画时间轴、布局规则等提取到 DESIGN.md 中，并将其作为上下文提供给 Claude Design。这样生成的所有页面都能保持一致的视觉风格（如 Liquid Glass 风格），从而实现从“逐个提示”到“系统化构建整个站点”的效率飞跃。