从参考截图里选出喜欢的部分，把这些选择写进 DESIGN.md。
这几张是我喜欢的网站截图。先别动代码：
1. 逐张说说哪里做得好：版式、字体、配色、间距、留白。
2. 列出几张图共同的地方，问我想要哪些，等我回复再往下做。
3. 按我挑中的，在项目根目录写一份 DESIGN.md，写具体值：字号、字重、色值、间距、圆角。截图看不出的标「估计」，别编。写短一点，一屏以内。
先在新项目里用 shadcn skill 试一份 DESIGN.md，合适再搬回自己的项目。
npx skills add shadcn/ui
用 shadcn skill 新建一个 Next.js 项目，照这份 DESIGN.md 搭一套设计系统，最后做一页总览。先把文件下载到项目里再读：<Raw 链接>
改代码前，先找手机上的问题、用脚本拼的组件和 CSS 细节。
技能包 · Claude Code、Codex
1,557 收藏
先照 https://github.com/vojtaholik/good-css 的 README 装好 good-css，装好后直接读它的 SKILL.md 和用得上的 references 文件。
然后用它查一遍这个项目现有的样式（CSS 文件和组件里的 Tailwind class 都算），找三类问题：
1. 手机上会出的毛病：点完 hover 卡住，点击区域小于 44px。
2. CSS 能做却写了脚本或一堆断点的：下拉菜单、弹出层、手风琴，靠好几个断点拼出来的布局。
最后查设计是否统一、手机表现、组件状态、用户流程和上线细节。
提示词 · Claude Code
6,939 收藏
vibe coding 做完的网站，上线前让 Opus 5.5 派 5 个 subagent 分头把这 20 件事查一遍，再一次修好：
设计统一
- 先写一份 DESIGN.md，颜色、字号、间距、圆角都照它来
- 配色克制，字号分清主次
全部合集