SkillsBot - 发现、分享、安装
AI Agent Skill技能库
搜索结果: "react"
Vite构建工具Skill vite
Vite是一个快速、现代化的前端构建工具,支持TypeScript和ESM,提供高效的开发服务器和生产构建,适用于Vue、React等框架的项目开发。关键词:Vite, 前端构建工具, 开发服务器, 生产构建, TypeScript, ESM, HMR, SSR, Rolldown迁移。
React性能优化Skill react-optimise
React性能优化技能专注于提升React应用程序的运行效率和用户体验,涵盖React编译器应用、代码打包优化、渲染性能提升、数据获取策略、核心Web指标改进、状态管理优化、性能分析和内存泄漏预防。适用于前端开发者优化应用性能、减少加载时间、提升SEO友好性,并整合数据分析、性能测试和最佳实践,以支持高效开发和业务增长。
UI蓝图构建器Skill ui-blueprint
该技能可从UI截图/设计稿中系统提取设计系统(配色/字体/组件/间距),生成设计文档和PRD,最终输出可直用于React实现的MVP界面提示词,支持多方案产出。
pentest-coordinatorSkill pentest-coordinator
利用ReAct方法论的自主渗透测试协调器。当用户提供目标IP或请求开始渗透测试时自动激活。协调侦察、利用和权限提升,直到捕获用户和root标志。
Next.js开发专家Skill nextjs-developer
这是一个专注于 Next.js 14+ 框架开发的专家技能,擅长使用 App Router、服务器组件、服务器操作等现代 React 模式构建高性能、SEO 优化的全栈 Web 应用程序。核心能力包括性能优化、全栈集成、安全实践以及从旧架构迁移的决策指导。适用于需要构建企业级、可扩展且对搜索引擎友好的 React 应用场景。关键词:Next.js 开发,React 服务器组件,App Router,全栈开发,性能优化,SEO,TypeScript,Next.js 14。
国际化(i18n)Skill internationalization-i18n
这个技能专注于实现软件应用程序的国际化与本地化,包括多语言翻译管理、日期和数字格式化、以及从右到左语言支持。适用于构建需要支持多种语言的Web或移动应用,提升用户体验和全球市场适应性。关键词:国际化、本地化、多语言支持、i18next、React、前端开发、翻译管理。
React开发技能Skill react-development
React开发技能是专注于现代React应用构建的专业能力,提供React组件开发、Hooks模式实现、状态管理配置、性能优化和最佳实践指导。该技能涵盖TypeScript类型安全、自定义Hook设计、Context API和Redux状态管理、组件记忆化优化、React Testing Library测试等关键技术。适用于前端开发人员构建高性能、可维护的React应用,特别适合组件库开发、企业级应用架构设计和性能调优场景。
编码标准与最佳实践Skill coding-standards
这是一份全面的软件开发编码标准指南,涵盖TypeScript、JavaScript、React和Node.js开发的最佳实践。文档详细介绍了代码质量原则(可读性、KISS、DRY、YAGNI)、变量命名规范、函数设计模式、不可变性原则、错误处理策略、异步编程技巧、类型安全要求、React组件架构、API设计标准、文件组织规范、注释文档编写、性能优化方法、测试标准以及代码异味检测。适用于前端开发、后端开发和全栈开发团队,帮助建立统一的代码规范,提高代码质量和团队协作效率。
UI设计与样式技能Skill ui-styling
该技能用于创建美观、可访问的用户界面,结合shadcn/ui组件库、Tailwind CSS实用样式和canvas-based视觉设计系统,适用于前端开发、UI设计、响应式布局和可访问性优化。关键词:UI设计、前端开发、响应式布局、可访问性、Tailwind CSS、shadcn/ui、视觉设计、React框架、深色模式、设计系统。
Web构件构建器Skill web-artifacts-builder
这个技能提供了一套工具,用于使用现代前端技术(如 React、Tailwind CSS、shadcn/ui)创建复杂的多组件 HTML 构件。它特别适用于需要状态管理、路由或 shadcn/ui 组件的项目,帮助开发者快速构建和打包前端应用,便于在 Claude 对话中共享。关键词:前端开发,React,Tailwind CSS,shadcn/ui,HTML 构件,工具套件,打包工具。
编码标准与最佳实践Skill coding-standards
这个技能提供了TypeScript、JavaScript、React和Node.js开发的通用编码标准、最佳实践和模式,旨在提高代码质量、可读性和可维护性。它涵盖代码质量原则如可读性、KISS、DRY、YAGNI,以及变量命名、函数命名、不变性、错误处理、异步/等待、类型安全、React组件结构、自定义钩子、状态管理、API设计、文件组织、注释文档、性能优化、测试标准和代码异味检测。关键词:编码标准,最佳实践,TypeScript,JavaScript,React,Node.js,软件开发,代码质量,前端开发,后端开发。
Web组件设计Skill web-component-design
这个技能专注于使用React、Vue和Svelte等现代前端框架设计和实现可重用的UI组件,涵盖CSS-in-JS样式方法、组件组合模式(如复合组件、渲染属性)、API设计等,适用于构建组件库、前端设计系统和提升代码可维护性。关键词:React, Vue, Svelte, CSS-in-JS, 组件设计, 前端开发, UI组件, 可重用架构, 组合模式, 样式管理。