治 AI 前端审美:5 个 design skill 命令包和一份 DESIGN.md 模板
sujingshen · x · 2026-09-07
针对 vibe coding 前端千篇一律的「AI 味」（紫蓝渐变、Inter 字体、卡片套卡片），作者整理了一包可直接复制的前端设计 skill 安装命令。
按场景安装：
- 快速出活少 AI 味：npx skills add anthropics/skills -s frontend-design
- 落地页/一句话换风格：npx skills add nextlevelbuilder/ui-ux-pro-max-skill
- 按钮弹窗 hover 交互手感：npx skills add emilkowalski/skills
- 打磨字体、颜色、间距、空态：npx skills add jakubkrehel/skills
- 上线前扫「像不像模板」：npx impeccable install
三档组合： 只装 1 先做出来；对外落地页装 1+2；已能用想「看起来贵」用 3+4 最后跑 5。
不装 skill 也有用的两招： 从 Dribbble/Mobbin/Godly 找参考截图让 agent「按这张的气质做」；在项目根目录放 DESIGN.md，约定禁用 Inter 等字体、只留一个强调色、圆角统一、正文最大 65ch、灰字保证对比度、hover 动效 150ms 内，让 agent 写前端前先读。
「编程与Agent」频道最新
- 用 Claude 一句话生成社团管理应用,含数据库可下载 — firasd · 2026-09-07
- Flask+SQLite 经 WebAssembly 跑进 Claude Artifacts 浏览器 — firasd · 2026-09-07
- 观点：认真工作的知识工作者都该跑一个自己的 Hermes — NirantK · 2026-09-07
- Codex 移动端不显示会话时的迂回进入技巧 — ezyang · 2026-09-07
- OR-Clarify 基准：优化建模前先向 AI Agent 提问澄清 — AIOR-Research · 2026-09-07
- 让 Codex 全程搭出本地 AI 动画流水线:RTX 5060 Ti 跑通 SD+Wan 2.2 — Wonderful_Sample6291 · 2026-09-07