Refero 风格提示词：先出设计方案
页面换哪家创业公司都一样：以 Refero 风格为参考，先批方案，再写进 DESIGN.md，截图对照它检查。
141 X 收藏，截至 发帖日期
提示词
以 <REFERO_STYLE_URL> 作为这个项目的设计参考。不要照搬它的品牌、文案或整页布局。
写代码之前，先给我一份设计方案：
→ 页面的受众和唯一目标
→ 4 到 6 个颜色 token
→ 标题和正文字体
→ 布局构思和一张 ASCII 线框图
→ 一个标志性元素
→ 你从参考里保留了什么、改了什么，以及为什么
如果同一份方案原封不动地也适用于另一家创业公司，就重做。
我批准之后，把最终方案保存到 DESIGN.md，然后实现。完成后，截取桌面端和移动端的截图。对照 DESIGN.md 检查颜色、字体、间距和布局。下一步 在项目里把它发给 Claude Code 或 Codex。
2,000+ 套完整的设计系统，给 Claude Code 和 Codex 用，都在一个网站上：Refero Styles。打开任意一套，你会拿到：
- DESIGN.md
- Tailwind v4
- CSS 变量
- 设计 token
- 字体、颜色、间距、组件，以及该做和不该做的事
选一个和你的产品接近的 Refero 风格。Anthropic 的 frontend-design skill 在写代码前加了一条有用的规则：先选定审美方向，方案要是原封不动放到另一家创业公司也成立，就否掉。
分享这条技巧
