- ✓
18 个斜杠命令
- ✓
5 个子智能体
- ✓
35+ 个参考文件
ux-skill
一款让AI设计更加出色的 Claude Code 插件
ux-skill 是什么?
ux-skill 是一款专为 Claude Code 打造的插件,致力于让 AI 生成的设计体验更加出色。它内置 18 个斜杠命令、5 个子代理、30 多个 Polaris 风格参考和 72 份顶级品牌设计规范,还包含确定性正则 linter 和 SEO 基础,能让 Claude Code 输出的设计成果摆脱生硬的 AI 感。
产品详细介绍
一款让AI设计更加出色的 Claude Code 插件
ux-skill 是一款专为 Claude Code 打造的插件,致力于让 AI 生成的设计体验更加出色。它内置 18 个斜杠命令、5 个子代理、30 多个 Polaris 风格参考和 72 份顶级品牌设计规范,还包含确定性正则 linter 和 SEO 基础,能让 Claude Code 输出的设计成果摆脱生硬的 AI 感。
定价方案
有免费方案创始人评论
ProductHunt 的朋友们好——我是一名独立创始人。
我开发了 ux-skill,因为我总是遇到同一个问题:让 Claude Code 构建着陆页,返回的结果代码干净,但每次都带着一模一样的模板痕迹:Inter 字体、紫蓝渐变、三个等宽卡片、“John Doe”占位符。
所以我开始把这些问题整理成目录,现在已经有:
→ 30 种可确定的反模式,支持正则检测。/ux-lint 命令无需 LLM 即可运行检测,遇到严重/高风险问题会返回非零退出码——你可以把它接入 CI。
→ 从生产级设计工程工作中总结出的 37 条动效原则。
→ 72 份品牌 DESIGN.md 规范(苹果、Stripe、Linear、Figma、特斯拉、宝马、Coinbase、Notion、Spotify,还有另外 64 份)。你可以告诉插件“按照 Stripe 的风格做一个着陆页”,它会读取真实的品牌语言来生成。
→ 涵盖框架/审计/生成/应用的 18 个斜杠命令。
→ 5 个子代理可并行调度。
→ 生成任何内容前,都会强制运行包含 10 项信息收集的探索流程。
→ 所有公网输出都内置完整 SEO 基础(头部元信息、OG 标签、Twitter 卡片、JSON-LD)。
可以在任意 Claude Code 会话中安装:
/plugin marketplace add
https://github.com/Laith0003/ux-...
/plugin install ux@ux-skill
开源(MIT 协议),全技术栈兼容——支持 React、Next.js、Vue、Blade、Astro、原生 JS。这个工具的官方着陆页本身就是由插件按照自己的规范生成的(uxskill.laithjunaidy.com),这就是自食其力的证明。
寻求:真实的使用反馈。我尤其想知道现在 30 条规则的检查器里,还有哪些我没覆盖到的模板痕迹。欢迎留言告诉我任何需要补充的内容。
点赞
举报
分享
17 小时前