Claude Code提示词与配置长帖约 4 分钟

根目录丢一份设计规范

Drop DESIGN.md For Agent UI

要点

  1. 从前端痛点不是功能而是廉价模板味,根因是代理没有设计系统上下文。
  2. 从开源库挑 Linear、Notion 等风格文件,改名为 DESIGN.md 放项目根目录。
  3. 文件含色板、字体、间距、组件状态和明确禁忌,生成界面时自动对齐。
  4. 在 CLAUDE.md 加一行:界面开发必须严格遵循 DESIGN.md。

原帖开头

Damn,独立开发者写前端最大的痛点被彻底终结了! 有人把全球 2,000+ 顶级产品(包括 Linear、Notion、ElevenLabs 甚至兰博基尼)的设计语言,全部提炼成了 Coding Agent 专用的 DESIGN.md 文件,目前完全免费开源。 以往让 Claude Code 或 Cursor 写前端最痛苦的不是写不出功能,而是反复调 CSS,改了十轮出来的页面依然带着一股浓浓的廉价 AI 模板味。问题不是 AI 不会写代码,而是它根本没有设计系统的上下文。 这个库直接把顶级大厂的视觉规矩全打包好了: 1️⃣ 底层令牌全覆盖:精准的