应用介绍
让 AI 做界面，最容易出的毛病是千篇一律：米色背景加衬线标题加陶土色点缀，一眼就是生成的。Anthropic 的 Frontend Design 技能就是冲着这个来的，要求智能体像设计工作室的主设计师一样，先定一个有辨识度的视觉方向再动手。
它先让智能体搞清楚产品是什么、给谁用、主要任务是什么，再讲字体、行长、首屏、动效怎么选，并明确列出了生成页面的常见“破绽”：只给标题里一个词换色、标签全大写、满屏编号。最后走“计划、对照需求审查、构建、自我批评”的流程。
先定主题再设计：没有明确产品信息时，先自己提出一个具体主题、受众和任务。
字体与排版：一到两个字体家族，行长控制在 80 字符以内。
避开模板化痕迹：列出常见的生成式设计套路，让智能体主动绕开。
克制的动效：一次精心安排的入场，好过处处淡入上滑。
四步流程：计划、审查、构建、批评。
它先让智能体搞清楚产品是什么、给谁用、主要任务是什么，再讲字体、行长、首屏、动效怎么选，并明确列出了生成页面的常见“破绽”：只给标题里一个词换色、标签全大写、满屏编号。最后走“计划、对照需求审查、构建、自我批评”的流程。
软件功能
先定主题再设计：没有明确产品信息时，先自己提出一个具体主题、受众和任务。
字体与排版：一到两个字体家族，行长控制在 80 字符以内。
避开模板化痕迹：列出常见的生成式设计套路，让智能体主动绕开。
克制的动效：一次精心安排的入场，好过处处淡入上滑。
四步流程：计划、审查、构建、批评。
