这个AI设计Skill狂揽8000+Stars！比设计师还专业？

最近在做 AI 设计工作流，发现一个问题：AI 生成的界面总是”一看就是 AI 做的”——毛玻璃、渐变紫蓝、圆润卡片，三件套走天下。真正想落地一套有品牌感、有质感的设计系统，AI 能帮上的忙很有限。

直到我挖到这个 Skill——UI/UX Designer，在 Smithery 上狂揽 8021 Stars，被称为”设计超能力”。它不是一个简单的素材库，而是一个真正懂设计、懂用户、懂代码的设计专家 Agent。

它能做什么？

这个 Skill 的能力边界相当惊人，覆盖了设计工作的全链路：

• 设计系统：原子化设计方法论、Design Token 架构（Figma Variables、Style Dictionary）、多品牌设计系统扩展
• 无障碍设计：WCAG 2.1/2.2 AA/AAA 合规、色对比度分析、屏幕阅读器优化、键盘导航设计
• 用户研究：定量/定性研究方法、用户访谈、A/B 测试设计、用户旅程图、人物画像
• 设计工具：Figma 高级功能（Auto Layout、Variants、Components、Variables）、设计版本控制、插件开发
• 交互与原型：微交互设计、状态管理、错误处理、空状态设计、手势设计、语音 UI
• 跨平台设计：响应式 Web、iOS/Material Design 指南、PWA、桌面端、可穿戴设备

我的使用感受

我试着让它设计一个 B2B SaaS 仪表盘，它直接从信息架构入手——先梳理用户目标，再设计导航层级，然后才是视觉层。这种”先研究再动手”的思维方式，才是设计正确的打开方式。

最戳中我的是它的无障碍能力。很多 AI 设计工具根本不把 WCAG 放在眼里，这个 Skill 专门有一条完整的 Accessibility 分支，从色对比度到屏幕阅读器优化，甚至考虑认知无障碍。这在 AIGC 设计工具里相当稀缺。

怎么安装

在 Claude Code 或 Claude.ai 里输入：

/skills add ui-ux-designer

配合 Smithery 推荐的设计工具 MCP（Excalidraw、Hugeicons）使用效果最佳。

适合谁用？

如果你需要做品牌官网改版、设计组件库、做用户研究、或者想让 AI 真正帮你落地设计稿而不是只生成一堆”看起来差不多”的 mockups，这个 Skill 值得一试。

GitHub：sickn33/antigravity-awesome-skills – ui-ux-designer

GitHub: https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/ui-ux-designer