让 AI 生成的页面也能有设计感：Frontend Design 用法指南

作用这个技能的价值在于「让页面好看且能演示」，先确认你的场景属于这一类再开工。

操作搜索 frontend-design，确认来源为 SkillHub 后安装。适合用在落地页、活动页、老旧后台页面重做，以及快速探索视觉方向。

注意它解决的是视觉与演示层面的问题，不等于完整的产品前端工程交付。

作用展示、转化、汇报三种目标对应完全不同的设计重点，不先定目标就会做成四不像。

操作在指令开头明确目标：是用来对外展示、引导用户报名转化，还是对内汇报演示。例如：请帮我设计一个用于活动报名的落地页，整体风格现代、专业，突出报名入口、活动亮点和用户信任感，并生成可直接预览的页面。

注意一个页面只主打一个目标；既要展示又要转化又要汇报，视觉重点必然失焦。

作用没有风格锚点，AI 只能回到最保守的默认样式。

操作写明风格关键词，如现代、极简、科技感、品牌化等；同时点名必须突出的内容，比如报名入口、活动亮点、用户信任感。

注意风格关键词一次给 2 到 3 个即可，给太多会互相冲突；有品牌色的记得一并提供色值。

作用能立刻打开看效果，反馈才有抓手，改起来也最快。

操作在指令里要求生成可直接预览的页面。拿到初稿后按视觉层次、留白、配色一致性逐项反馈，让它继续迭代。

注意演示稿适合快速验证方向，正式上线前仍需按实际工程规范复核代码。