用途概括在构建或重塑 UI 时提供独特、有意的前端视觉设计指导。方法：扮演设计负责人，锚定主体，建立令牌系统，对照 AI 默认风格批判，迭代规划-构建-批判。价值：产出非模板化、美观且无障碍的界面，含令人记忆的标志元素。
业务领域
Design
技能形态
Style GuideWorkflow
业务领域
技能形态
技能解析
剖析技能的工作原理和产出物，快速判断你的场景与价值。
在构建新 UI 或重塑现有前端界面时，尤其是用户希望获得独特、非模板化且具 intentional 美学的视觉设计。
一份独特、有意的前端设计规划与实现，含令人记忆的标志元素，避免模板化默认，并满足质量与无障碍标准。
使用场景
某初创创始人让 Claude 为小众乐器建落地页。借助 frontend-design，Claude 明确主体，提出含非常规配色与字体组合的令牌系统，批判通用默认，构建带标志英雄区的响应式页面。创始人获得避免模板化、强化品牌辨识度的独特站点。
某团队想重设计感觉通用的内部仪表盘。借助 frontend-design，Claude 将 UI 锚定用户任务，设定 deliberate 排版与承载真实信息的结构，加以克制动效。产出更清晰易用、文案 intentional 的界面，提升导航效率并减少模板感。
技能关系
依赖关系读作「上一格指向下一格」。当前 Skill 位于第二格，上下分别是影响它与被它影响的 Skill。
第一层 · 这些 Skills 用了我
第二层 · 当前 Skill
第三层 · 我用了这些 Skills
在所属技能集的全局上下文中浏览当前 Skill 的关系。点击节点切换右侧详情,搜索框可快速定位技能。
技能文件