@open-hax/uxx
基于React的UI组件库，提供设计令牌、主题和调色板。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：@open-hax/uxx。 它的用途是：基于React的UI组件库，提供设计令牌、主题和调色板。 完整的 Skill 内容见：https://321skill.com/skills/open-hax-uxx/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“帮我在React项目中使用Open Hax UXX的按钮组件和主色设计令牌。”，它会指导你安装库，并展示如何导入Button组件和使用名为`--uxx-color-primary`的CSS自定义属性来应用品牌主色。
介绍
Open Hax UXX 是一个用于构建用户界面的React组件库，它旨在解决前端开发中UI组件风格不统一、设计规范难以落地以及主题切换繁琐的问题。通过提供一套完整的React基础组件、共享的设计令牌（Design Tokens）以及可复用的主题和调色板，它帮助开发者快速构建视觉一致且易于维护的现代化应用。
使用该库时，开发者可以通过npm直接安装，然后在项目中导入所需的组件、设计令牌或主题。其核心是提供一套标准化的样式变量和组件接口，开发者可以基于这些基础元素进行定制开发，或者直接应用预设的主题来快速搭建界面。
它非常适合需要快速构建产品原型、希望统一团队设计规范的中小型前端团队，以及对UI一致性有较高要求的React项目开发者。对于希望减少样式代码重复、提升设计系统可维护性的团队来说，这是一个实用的工具。
建议在使用前，先熟悉其设计令牌的命名和使用方式，以便高效地定制主题。由于它主要提供基础组件和样式系统，对于复杂或高度定制化的交互组件，可能需要在此基础上进行二次开发。
核心特点
与许多仅提供组件的UI库不同，它深度集成了共享的设计令牌系统，使得颜色、间距、字体等设计变量可以在组件、主题和项目中保持严格同步和一致性。
注意事项
不适合需要大量现成复杂业务组件（如完整的数据表格、图表）或追求开箱即用、无需任何定制的项目。
常见问题
Open Hax UXX 和 Ant Design 有什么区别？
UXX更侧重于提供基础设计系统（设计令牌、主题）和基础组件，方便深度定制；Ant Design则提供了更丰富、更完整的现成业务组件。
设计令牌（Design Tokens）是什么？
是存储设计决策（如颜色、字体大小）的变量，用于确保代码和设计稿的样式一致性。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/open-hax-uxx/raw/index.md 读取 @open-hax/uxx 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/open-hax-uxx/raw/index.md（查看排版版本）