public-components-skill
帮助AI编程助手正确使用特定React组件库的约束性技能。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：public-components-skill。 它的用途是：帮助AI编程助手正确使用特定React组件库的约束性技能。 完整的 Skill 内容见：https://321skill.com/skills/public-components-skill/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“我需要用`@arim-aisdc/public-components`创建一个带查询和分页的数据表格页面。”，它会引导你使用正确的`TableMax`组件，并按照`references/ui-consistency.md`中的规范来构建布局和样式。或者，当你问：“如何在这个项目里配置多语言？”，它会提示你使用公共的`ConfigProvider`和正确的工具路径，并警告不要直接使用未导出的`useTranslation`钩子。
介绍
这个Skill旨在解决AI编程助手在使用@arim-aisdc/public-components组件库时，因不熟悉其公共API边界和内部规范而导致的代码错误或风格不一致问题。它通过内置的规则和知识库，引导AI助手识别正确的导入路径、使用已公开的组件和钩子，并避免调用未公开的内部API。
使用时，AI助手会根据用户的开发需求，自动匹配Skill中的最佳实践和组件用法。无论是创建新的管理后台页面，还是重构现有代码，Skill都能提供符合组件库设计规范的代码建议，确保生成代码的可维护性和界面一致性。
它特别适合需要频繁使用该特定组件库进行开发的前端或全栈开发者。无论是快速搭建页面，还是处理复杂的表单、表格和权限逻辑，都能从中获得精准的指导。
建议在开发涉及该组件库的项目时全程启用此Skill。当对某个组件的用法或类型定义不确定时，Skill会引导你查阅其内置的参考文档，或在必要时建议你直接核对组件库源码，以确保最高准确性。
核心特点
此Skill深度绑定并精确校准于`@arim-aisdc/public-components@2.3.97`版本，不仅提供通用组件用法，更严格约束了可用的公共导出边界，能有效防止AI生成调用未公开内部API（如`ThemeProvider`, `useTranslation`）的错误代码，这是通用前端技能所不具备的。
注意事项
此Skill仅适用于使用`@arim-aisdc/public-components`组件库的项目，对于其他UI库或框架（如Ant Design, Material-UI）的开发任务不提供支持。
常见问题
这个Skill能帮我写其他UI库的代码吗？
不能，它专门针对`@arim-aisdc/public-components`组件库，用于确保使用该库时的代码正确性和规范性。
安装后，AI会自动使用这个组件库吗？
不会自动使用。当你的对话上下文涉及该组件库或相关开发任务时，AI会调用此Skill的知识来提供更准确的代码建议和约束。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/public-components-skill/raw/index.md 读取 public-components-skill 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/public-components-skill/raw/index.md（查看排版版本）