AI工具导航

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 感。

定价方案

有免费方案
Free/免费
免费
  • 18 个斜杠命令

  • 5 个子智能体

  • 35+ 个参考文件

查看官网价格

创始人评论

Laith Osama AlJunaidy
Laith Osama AlJunaidy创始人

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 小时前

创始团队

Laith Osama AlJunaidy
Laith Osama AlJunaidy创始团队

官网信息

官网https://uxskill.laithjunaidy.com/
公司使命

适用于 Claude Code 的设计智能插件,可生成没有 AI 审美痕迹的优质前端设计

所在地

Jordan