← 返回常用skill
视觉与设计
Frontend Design
为 AI 生成的前端页面注入设计品味，摆脱千篇一律的 AI 味审美。
它能帮你做什么
出自 Anthropic 官方，在 Claude 官方插件网站排名第一。它要求 AI 写代码前先确定一个大胆的美学方向（极简主义、复古未来风等），随后让所有排版、留白、字体、动效都围绕这个方向展开。还设有硬性规定：禁止使用 Inter、Roboto、Arial 这类烂大街字体，禁止紫色渐变配白底的经典 AI 审美。适合经常用 Agent 生成前端页面、做小工具 UI 或数据可视化的人。
怎么装它
帮我安装这个 skill: https://github.com/anthropics/skills/tree/main/skills/frontend-design复制这句话，发给你的 Claude Code / Codex 等 AI Agent，它会自动帮你装好。
源码 / 详情：https://github.com/anthropics/skills/tree/main/skills/frontend-design
怎么用它
装好后，在 AI Agent 里直接说下面任意一句就能唤起它（点一下可复制）：
「生成一个前端落地页」
「做一个小工具的 UI」
「做数据可视化分析页面」