Claude Code 有 30+ 种设计风格可选，你知道吗？
Claude Code 有 30+ 种设计风格可选，你知道吗？
说个扎心的——让 AI 帮你写代码，出来的界面十有八九是”AI 味”：一个蓝紫渐变 hero、一个胖胖的圆角卡片、加点阴影，齐活。你一看就知道这是 AI 干的。
问题在哪？不是 AI 不会设计，是 AI 默认就在抄训练数据里的那些”安全选项”。
OhMySkills 这个项目，就是来解决这个问题的。
它给 Claude Code 装上两套技能。第一套叫 design-style，内置 30+ 套经过精心设计的设计系统 prompt，覆盖：现代风（Modern Dark、SaaS、Claymorphism）、极简风（Swiss、Bauhaus、Flat Design）、创意风（Neo-brutalism、Bold Typography）、专业风、科技风（Terminal CLI、Cyberpunk）、复古风（Retro、Vaporwave）等。
用法巨简单——你在 Claude Code 里说”用 neo-brutalist 风格给我做个落地页”，AI 就自动调用对应的设计系统和 token，生成的不是泛泛的蓝紫渐变，而是一套完整的设计语言：配色方案、字体层级、间距规则、微交互，全都对味儿。
第二套技能叫 design-system-analyzer，更狠——你丢给它一个网址（Stripe、Linear，随便），它用 ChromeDevTools 扒下来这个网站的 CSS token、动画曲线、交互状态，生成一份完整的设计系统文档。你喜欢的那个网站的视觉风格，可以直接”提取”出来用到自己的项目里。
这两个技能加起来，就是一个完整的设计工作流：找参考 → 提取设计语言 → 应用到自己的代码。
安装方式：在 Claude Code 里 /plugin → Marketplaces → Add Marketplace → 填入 NakanoSanku/OhMySkills，Browse 安装即可。纯免费开源。
适合谁用？前端开发、设计师、vibe coding 爱好者——只要你想让 AI 产出的界面看起来”有人设计过”，而不是”AI 随机生成的”，装这套技能不会后悔。
GitHub：https://github.com/NakanoSanku/OhMySkills（163 ⭐，持续更新）
评论区
登录后可评论。