全部 Skill
前端设计 110k+ 周安装

frontend-design

创建有视觉记忆点的前端界面,避免千篇一律的 AI 味审美,强制在动笔前确立大胆的视觉方向。

安装命令

npx skills add anthropics/skills@frontend-design -y -g

跨工具通用:Claude Code ~/.claude/skills/ · Qoder ~/.qoder/skills/ · TRAE ~/.trae/skills/

源码

不是让 AI 随便写个页面,而是强制要求 AI 在动笔之前先确立视觉方向:非主流字体组合、大胆配色方案、玻璃拟态、层次感——专门对抗那种千篇一律的「AI 味」界面。

解决什么问题

用 AI 生成的 UI 通常长这样:Inter 字体、紫色渐变、rounded-lg 卡片、shadow-md——全部撞款。frontend-design 会在写代码前先逼自己选一个明确的审美方向,然后贯彻到底。

效果

适用场景

需要做组件、落地页、完整应用界面,希望结果有设计感而非模板感。

#UI#设计#前端#视觉