React性能优化技能专注于提升React应用程序的运行效率和用户体验，涵盖React编译器应用、代码打包优化、渲染性能提升、数据获取策略、核心Web指标改进、状态管理优化、性能分析和内存泄漏预防。适用于前端开发者优化应用性能、减少加载时间、提升SEO友好性，并整合数据分析、性能测试和最佳实践，以支持高效开发和业务增长。

这个技能是一个全面的UI/UX设计智能工具，提供丰富的设计资源和指南，用于web和移动应用程序的界面设计、用户体验优化和代码实现。包含多种样式、颜色调色板、字体配对、UX指南和图表类型，支持多种技术栈如React、Vue等。适用于前端开发者、UI设计师和产品经理，帮助提高设计效率和代码质量。关键词：UI设计、UX设计、前端开发、设计系统、响应式设计、可访问性、颜色调色板、字体配对、图表设计。

该技能可从UI截图/设计稿中系统提取设计系统（配色/字体/组件/间距），生成设计文档和PRD，最终输出可直用于React实现的MVP界面提示词，支持多方案产出。

利用ReAct方法论的自主渗透测试协调器。当用户提供目标IP或请求开始渗透测试时自动激活。协调侦察、利用和权限提升，直到捕获用户和root标志。

这是一个专注于 Next.js 14+ 框架开发的专家技能，擅长使用 App Router、服务器组件、服务器操作等现代 React 模式构建高性能、SEO 优化的全栈 Web 应用程序。核心能力包括性能优化、全栈集成、安全实践以及从旧架构迁移的决策指导。适用于需要构建企业级、可扩展且对搜索引擎友好的 React 应用场景。关键词：Next.js 开发，React 服务器组件，App Router，全栈开发，性能优化，SEO，TypeScript，Next.js 14。

这个技能专注于实现软件应用程序的国际化与本地化，包括多语言翻译管理、日期和数字格式化、以及从右到左语言支持。适用于构建需要支持多种语言的Web或移动应用，提升用户体验和全球市场适应性。关键词：国际化、本地化、多语言支持、i18next、React、前端开发、翻译管理。

React开发技能是专注于现代React应用构建的专业能力，提供React组件开发、Hooks模式实现、状态管理配置、性能优化和最佳实践指导。该技能涵盖TypeScript类型安全、自定义Hook设计、Context API和Redux状态管理、组件记忆化优化、React Testing Library测试等关键技术。适用于前端开发人员构建高性能、可维护的React应用，特别适合组件库开发、企业级应用架构设计和性能调优场景。

该技能用于创建美观、可访问的用户界面，结合shadcn/ui组件库、Tailwind CSS实用样式和canvas-based视觉设计系统，适用于前端开发、UI设计、响应式布局和可访问性优化。关键词：UI设计、前端开发、响应式布局、可访问性、Tailwind CSS、shadcn/ui、视觉设计、React框架、深色模式、设计系统。

这个技能提供了一套工具，用于使用现代前端技术（如 React、Tailwind CSS、shadcn/ui）创建复杂的多组件 HTML 构件。它特别适用于需要状态管理、路由或 shadcn/ui 组件的项目，帮助开发者快速构建和打包前端应用，便于在 Claude 对话中共享。关键词：前端开发，React，Tailwind CSS，shadcn/ui，HTML 构件，工具套件，打包工具。

这个技能提供了TypeScript、JavaScript、React和Node.js开发的通用编码标准、最佳实践和模式，旨在提高代码质量、可读性和可维护性。它涵盖代码质量原则如可读性、KISS、DRY、YAGNI，以及变量命名、函数命名、不变性、错误处理、异步/等待、类型安全、React组件结构、自定义钩子、状态管理、API设计、文件组织、注释文档、性能优化、测试标准和代码异味检测。关键词：编码标准，最佳实践，TypeScript，JavaScript，React，Node.js，软件开发，代码质量，前端开发，后端开发。

这个技能专注于使用React、Vue和Svelte等现代前端框架设计和实现可重用的UI组件，涵盖CSS-in-JS样式方法、组件组合模式（如复合组件、渲染属性）、API设计等，适用于构建组件库、前端设计系统和提升代码可维护性。关键词：React, Vue, Svelte, CSS-in-JS, 组件设计, 前端开发, UI组件, 可重用架构, 组合模式, 样式管理。

SVG优化器是一款用于前端开发的自动化工具，主要功能包括SVG图像压缩、精灵图生成和React/Vue组件转换。它能有效移除冗余元数据、优化路径结构、提升网页加载性能，并确保图标资源的可访问性，适用于构建现代Web应用和设计系统。关键词：SVG优化，前端开发，图标系统，React组件，性能优化，可访问性，精灵图生成，SVGO，svgr。