它能做什么
中文摘要
「frontend-design」的原始 GitHub SKILL.md 将它定位为：Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one.。它的核心价值是约束界面层级、组件状态、可访问性和视觉验收细节；强化 Agent 的规划、分工、浏览器操作和自主调试能力。文档重点章节包括「Ground it in the subject」「Design principles」「Process: brainstorm, explore, plan, critique, build, critique again」。
为什么推荐
推荐理由
推荐它，是因为它在「设计与 UI」分类里热度靠前（安装量 617,687），同时原始文档信息密度足够高。原文不是只给一个标题，而是给出了可复用的上下文和执行约束。它还被标记为官方条目，适合作为同类任务的优先安装候选。对经常重复的任务来说，这类 Skill 能把经验沉淀到工作流前端，减少临场猜测。
什么时候用
适用场景
- 做界面实现、组件重构、视觉验收或设计系统一致性检查
- 提升 Agent 的规划、调试、浏览器自动化和多代理协作能力
- 做内容增长、SEO、品牌表达、营销实验和转化优化
使用前先看
主要亮点
- 01
适合做新页面、改版界面和视觉细节整理。
- 02
强调设计决策要有明确理由，减少含糊的样式选择。
- 03
更适合界面表达，不直接等同于交互逻辑或后端实现。
原始文档
原文摘录
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one.