custom-plugin-react
一个包含14个React开发专用智能体和7项技能的Claude Code插件。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：custom-plugin-react。 它的用途是：一个包含14个React开发专用智能体和7项技能的Claude Code插件。 完整的 Skill 内容见：https://321skill.com/skills/custom-plugin-react/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
当你需要优化一个大型React列表的渲染性能时，可以
对AI说：“调用性能优化智能体，分析这段列表组件的代码，并提供具体的优化方案。” 它会调用专门的`06-performance-optimization`智能体，为你提供虚拟滚动、记忆化、组件拆分等具体的性能优化建议和代码示例。
介绍
React Assistant是一个专为React开发者设计的Claude Code插件，旨在通过一组分工明确的AI智能体来提升开发效率和代码质量。它解决了在复杂React项目中，开发者需要频繁切换思维模式、查阅文档和解决特定领域问题的痛点。
插件通过14个不同专长的智能体（如React基础、状态管理、性能优化、系统架构等）和7项可复用的技能，为开发者提供从组件编写到系统设计的全方位辅助。使用时，开发者可以根据当前任务（如编写Hooks、优化渲染性能）调用相应的智能体，获得针对性的代码建议和最佳实践。
该插件非常适合前端开发、全栈开发以及智能体开发者，特别是那些正在构建或维护中大型React应用，希望将AI深度集成到开发工作流中的团队或个人。
建议在熟悉Claude Code基本操作后使用，初次安装后请务必重启IDE以确保所有智能体正确加载。由于智能体较多，建议先从与当前任务最相关的1-2个智能体开始使用，逐步探索其全部能力。
核心特点
与单一功能的React代码助手不同，它通过14个高度专业化的智能体进行分工协作，覆盖了从基础语法到系统架构的React开发全链路，并且遵循SASMP v1.3.0协议，确保了智能体间协作的规范性和可扩展性。
注意事项
不适合非React技术栈（如Vue、Svelte）的项目开发，且需要Claude Code环境及订阅才能使用。
常见问题
这个插件和直接问Claude写React代码有什么区别？
它提供了14个经过专项训练的智能体，针对React开发的不同细分领域（如Hooks、性能、架构）给出更专业、更一致的答案，避免了通用模型可能出现的上下文偏差或知识遗漏。
安装后没有看到所有智能体怎么办？
请确保已按照指引重启Claude Code。如果问题依旧，可以尝试在终端执行 `/plugin reload` 命令，或检查Claude Code CLI版本是否满足v2.0.27+的要求。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/custom-plugin-react/raw/index.md 读取 custom-plugin-react 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/custom-plugin-react/raw/index.md（查看排版版本）