十份 Skill 文档，一条从定位到验收的路径。
假设你要给一个手冲咖啡器具品牌做落地页。AI 十分钟就吐出一版，紫色渐变、圆角卡片、居中大标题——看着眼熟，因为它在任何同类页面上都长这样。问题不在模型不会写 CSS，而在它没有可依据的视觉决策。
这十个 Skill 的顺序，就是补上这些决策的顺序。先定主题与视觉方向，再让品牌定位解释颜色为什么是这些颜色；接着把字号阶梯、字体配对、行高字重逐层压实，让文字先站住。
文字稳了再动结构：先诊断阅读顺序和分组，再修对齐与间距。然后把定好的字体、色彩、间距落成 Tailwind 的设计令牌，让它们在代码里统一复用，而不是散落成一次性数值。
最后两步是回头看。审查屏幕上文字的大小与一致性，找出仍然像模板的地方；再按无障碍与界面规范过一遍，确认差异化没有牺牲可用性。
先定下这个页面的视觉方向，给出配色、字体和整体气质，避免一上来就套模板
把品牌定位和故事讲清楚，让页面的视觉选择有依据而不是随手挑颜色
建立一套模块化的字号阶梯，让标题、正文、注释之间有明确的层级关系
挑选具体的网页字体配对，并处理字体加载和回退，保证可读性和性能
打磨行高、字重、字距这些排版细节，让文字读起来不别扭
调整页面布局和阅读顺序，让信息主次分明、视线流动自然
修正对齐和分组问题，把元素之间的间距关系理顺
把定好的字体、色彩和间距落成 Tailwind 的设计令牌，方便在代码里统一复用
回头审查屏幕上文字的大小、间距和一致性，找出仍然像模板的地方
最后按无障碍和界面设计规范过一遍，确认差异化设计没有牺牲可用性