vercel-react-best-practices
关于
This skill provides Vercel's React and Next.js performance optimization guidelines with 57 prioritized rules across 8 categories. Use it when writing, reviewing, or refactoring code to address performance issues like re-renders, bundle size, and data fetching patterns. It covers key optimization areas including server/client components, Suspense, and React hooks.
快速安装
Claude Code
推荐npx skills add TechNickAI/ai-coding-config -a claude-code/plugin add https://github.com/TechNickAI/ai-coding-configgit clone https://github.com/TechNickAI/ai-coding-config.git ~/.claude/skills/vercel-react-best-practices在 Claude Code 中复制并粘贴此命令以安装该技能
GitHub 仓库
相关推荐技能
chatbot-widget-creator
其他这是一个为开发者提供的生产级聊天机器人小部件创建工具,能快速构建类似ChatGPT的交互界面。它解决了无限重渲染等常见生产问题,并内置了文本选择提问、SSE流式响应和RAG后端集成等关键功能。开发者可将其直接集成到前端项目中,获得一个具备完善监控和调试工具的开箱即用解决方案。
chatbot-widget-creator
其他这个Skill为开发者提供可直接部署的生产级聊天机器人小组件,特别适合需要集成AI助手到现有网站或应用中的场景。它解决了无限重渲染等常见生产问题,并内置文本选择提问、SSE流式响应和RAG后端集成等关键功能。开发者可通过该Skill快速获得一个具备ChatGPT风格界面和完整监控能力的可定制化聊天组件。
gemini-frontend-assistant
其他这是一个专为前端开发设计的Claude技能,能利用Gemini的多模态能力,根据文字描述或UI截图(视觉参考)快速生成React和Tailwind CSS代码。它非常适合用于从零创建组件、将设计稿转换为代码,或优化现有前端样式。开发者只需提供描述或图像,即可获得可直接使用的UI代码。
react-patterns
其他这是一个全面的React 19专家助手,专门帮助开发者掌握最新功能如Server Components、Actions和并发特性。它适用于组件架构设计、状态管理优化以及实现React 19新特性的任何开发场景。该Skill特别擅长使用TypeScript进行现代React开发,并能主动提供性能优化和最佳实践建议。
