react-patterns
关于
This skill provides expert guidance on React 19's latest patterns, including Server Components, Actions, and concurrent features like `useOptimistic` and Suspense. Use it for component architecture, state management, performance optimization, and implementing modern TypeScript development. It's your go-to resource for any React 19 development question or code review.
快速安装
Claude Code
推荐npx skills add ma1orek/replay -a claude-code/plugin add https://github.com/ma1orek/replaygit clone https://github.com/ma1orek/replay.git ~/.claude/skills/react-patterns在 Claude Code 中复制并粘贴此命令以安装该技能
GitHub 仓库
常见问题
什么是 react-patterns Skill？
react-patterns 是一个 Claude Skill，作者为 ma1orek。Skill 将 Claude 按需加载的说明和资源打包，让 Claude 无需额外提示即可执行与 react-patterns 相关的任务。
如何安装 react-patterns？
使用本页的安装命令：将 react-patterns 作为插件添加到 Claude Code，或将其仓库克隆到 skills 目录，然后重启 Claude 以加载该 Skill。
react-patterns 属于哪个分类？
react-patterns 属于其他分类。
react-patterns 可以免费使用吗？
可以。react-patterns 已收录在 AIMCP，可免费安装。
相关推荐技能
这是一个为开发者提供的生产级聊天机器人小部件创建工具，能快速构建类似ChatGPT的交互界面。它解决了无限重渲染等常见生产问题，并内置了文本选择提问、SSE流式响应和RAG后端集成等关键功能。开发者可将其直接集成到前端项目中，获得一个具备完善监控和调试工具的开箱即用解决方案。
这个Skill为开发者提供可直接部署的生产级聊天机器人小组件，特别适合需要集成AI助手到现有网站或应用中的场景。它解决了无限重渲染等常见生产问题，并内置文本选择提问、SSE流式响应和RAG后端集成等关键功能。开发者可通过该Skill快速获得一个具备ChatGPT风格界面和完整监控能力的可定制化聊天组件。
这是一个专为前端开发设计的Claude技能，能利用Gemini的多模态能力，根据文字描述或UI截图（视觉参考）快速生成React和Tailwind CSS代码。它非常适合用于从零创建组件、将设计稿转换为代码，或优化现有前端样式。开发者只需提供描述或图像，即可获得可直接使用的UI代码。
这个Skill帮助开发者创建全面的TypeScript文档，支持JSDoc注释、TypeDoc生成和多层次文档架构。它能生成API文档、架构决策记录(ADR)和代码示例，特别支持NestJS、Express、React等主流框架。当需要为TypeScript项目生成API文档、完善模块注释或创建框架特定文档时，这个Skill能提供完整的解决方案。