frontend-design
officialanthropics/skills在构建新 UI 或重塑现有界面时，提供独特、有明确意图的视觉设计指导，涵盖审美方向与排版…
971K 总安装·+25K 周安装·180K Stars·收录时间 Jan 19, 2026·License Unknown
详细介绍
这是什么
让 Agent 像设计工作室主创一样做前端：先选定美学方向（粗野主义、极繁、复古未来、奢华、自然有机等），再从排版、配色、动效、空间构图与质感细节入手，产出拒绝「AI 模板脸」的可运行代码（HTML/CSS/JS、React、Vue）。适合 landing page、作品集等需要辨识度的场景。
核心能力
- 实现前先确定美学方向，保证整体设计连贯、令人印象深刻
- 以排版、CSS 变量配色、动效设计、空间构图与质感细节为核心支柱
- 生成与美学愿景匹配复杂度的可运行代码，从极简到极繁均可
- 明确规避 AI 味：滥用字体、俗套配色与可预测布局
- 从主题本身提取视觉语言：行业、题材与受众决定差异化设计
适用场景
- 做 landing page、作品集、活动页等需要「不像 AI 做的」页面
- 对模板化产出不满意，想要有观点、有辨识度的界面
使用要点
- 提供尽可能具体的 brief（产品、受众、要完成的事），设计会更贴题
安装命令
npx skills add https://github.com/anthropics/skills --skill frontend-design近 8 周安装趋势
+25K分类
前端与 UI设计与创意
安全审计
agent-trust-hubsnyksocket
元信息
- skillId
- frontend-design
- source
- anthropics/skills
- 收录时间
- Jan 19, 2026
- translated_at
- 2026-10-18
看完了 frontend-design？
还有 1,327 条 skill 等你发掘。