10 款顶级 UI 设计风格 Skill 合集

从瑞士极简到赛博朋克，从新拟态到新粗野主义——10 款 UI 设计风格 Skill，让你的 AI 生成界面告别模板味。

一、Frontend Design Pro Demo

把 11 种不同设计美学做成了可交互的 live demo，从瑞士极简到赛博朋克，每种风格配有 master prompt、招牌视觉效果和 production-ready 代码。

Live demo：claudekit.github.io/frontend-design-pro-demo

项目地址：github.com/claudekit/frontend-design-pro-demo

二、UI UX Pro Max

39 个真实网站案例，横跨 SaaS、Education、Pet Services、AI/Chatbot、E-commerce、Fintech/Crypto、Healthcare、Creative、Real Estate、Gaming 等 20 个行业分类。支持按 light / dark 模式筛选（26 light + 13 dark）。

地址：ui-ux-pro-max-skill.nextlevelbuilder.io

三、Awesome Claude Design

把 9 大美学家族的代表品牌截图直接贴在 README 上，一眼就能对比每个风格的视觉差异。

项目地址：github.com/rohitg00/awesome-claude-design

四、Awesome DESIGN.md

每个 DESIGN.md 配 preview.html + preview-dark.html 两份可视化 HTML，能直接在浏览器打开看色板、字体、按钮、卡片样式。

涵盖品牌：Apple / Tesla / Stripe / Vercel / Linear / Spotify / Airbnb / Notion / Figma / Nike / Ferrari / Lamborghini / BMW / NVIDIA 等 60+ 大厂设计。

项目地址：github.com/VoltAgent/awesome-design-md

五、Anthropic Frontend Design（官方 Skill）

Anthropic 自家美学——暖色编辑风格（Warm Editorial），赤陶橙色 + 米白底 + Tiempos 衬线字。anthropic.com 就是这个 Skill 生成的视觉风格。

项目地址：github.com/anthropics/claude-code

六、Bencium UX Designer Skill

两个版本——Controlled（生产级，强调 WCAG 可访问性）vs Innovative（突破性，鼓励大胆设计）。Bencium 官网本身就是用这个 Skill 生成的。

项目地址：github.com/bencium/bencium-claude-code-design-skill

七、Taste Skill

可调"狂野程度"的旋钮系统——Variance（保守↔实验）、Density（紧凑↔开阔）、Motion（克制↔电影感）。同一份产品需求，用不同旋钮组合产出截然不同的设计稿。

项目地址：github.com/Leonxlnx/taste-skill

八、SuperDesign

唯一完全开源且跑在 IDE 里的设计 Skill。可以在 VS Code / Cursor 里直接召唤，输出多种风格的 UI 草图供选择。

项目地址：github.com/superdesigndev/superdesign

九、Neumorphism（新拟态 / Soft UI）

模拟"浮雕"与"内凹"效果，通过柔和阴影制造塑料质感，整体色彩低对比、柔和高级。适合移动端界面、音乐播放器、轻量级 Dashboard。

项目地址：github.com/sridhar-sp/compose-neumorphism

十、Brutalism / Neo-Brutalism（新粗野主义）

高对比、粗边框、大字体、结构直接，强调"反精致"。适合创意网站、作品集、品牌官网。

项目地址：github.com/dev-snake/brutalist-ui