搜索结果: "react"
UI/UX设计专业版Skill ui-ux-pro-max
这个技能是一个全面的UI/UX设计智能工具,提供丰富的设计资源和指南,用于web和移动应用程序的界面设计、用户体验优化和代码实现。包含多种样式、颜色调色板、字体配对、UX指南和图表类型,支持多种技术栈如React、Vue等。适用于前端开发者、UI设计师和产品经理,帮助提高设计效率和代码质量。关键词:UI设计、UX设计、前端开发、设计系统、响应式设计、可访问性、颜色调色板、字体配对、图表设计。
React最佳实践指南Skill react-best-practices
这是一份关于 React 框架性能优化与开发最佳实践的权威指南。它系统性地总结了来自官方文档和一线工程团队的经验,涵盖代码审查、性能调试、打包优化、副作用管理、状态设计等核心场景。关键词包括:React 性能优化、重渲染、代码分割、useEffect 最佳实践、状态管理、React 编译器、SSR、不可变更新、前端开发。
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应用,特别适合组件库开发、企业级应用架构设计和性能调优场景。
Web构件构建器Skill web-artifacts-builder
这个技能提供了一套工具,用于使用现代前端技术(如 React、Tailwind CSS、shadcn/ui)创建复杂的多组件 HTML 构件。它特别适用于需要状态管理、路由或 shadcn/ui 组件的项目,帮助开发者快速构建和打包前端应用,便于在 Claude 对话中共享。关键词:前端开发,React,Tailwind CSS,shadcn/ui,HTML 构件,工具套件,打包工具。
UI蓝图构建器Skill ui-blueprint
该技能可从UI截图/设计稿中系统提取设计系统(配色/字体/组件/间距),生成设计文档和PRD,最终输出可直用于React实现的MVP界面提示词,支持多方案产出。
编码标准与最佳实践Skill coding-standards
这个技能提供了TypeScript、JavaScript、React和Node.js开发的通用编码标准、最佳实践和模式,旨在提高代码质量、可读性和可维护性。它涵盖代码质量原则如可读性、KISS、DRY、YAGNI,以及变量命名、函数命名、不变性、错误处理、异步/等待、类型安全、React组件结构、自定义钩子、状态管理、API设计、文件组织、注释文档、性能优化、测试标准和代码异味检测。关键词:编码标准,最佳实践,TypeScript,JavaScript,React,Node.js,软件开发,代码质量,前端开发,后端开发。
SVG优化器Skill svg-optimizer
SVG优化器是一款用于前端开发的自动化工具,主要功能包括SVG图像压缩、精灵图生成和React/Vue组件转换。它能有效移除冗余元数据、优化路径结构、提升网页加载性能,并确保图标资源的可访问性,适用于构建现代Web应用和设计系统。关键词:SVG优化,前端开发,图标系统,React组件,性能优化,可访问性,精灵图生成,SVGO,svgr。
Next.js全栈开发技能Skill nextjs
这是一个用于构建现代化全栈Web应用的专家级技能。它专注于Next.js框架,特别是App Router、React Server Components (RSC)、Server Actions、流式渲染、缓存策略和Vercel部署。该技能能帮助开发者快速搭建项目结构,实现服务器端渲染、数据获取、表单处理、API路由、高级路由模式(如并行路由、拦截路由)以及性能优化。适用于需要构建高性能、SEO友好、可扩展的Web应用程序的场景。关键词:Next.js, React, 全栈开发, App Router, Server Components, Server Actions, Vercel部署, 前端框架, Web应用开发。
编码标准与最佳实践Skill coding-standards
这是一份全面的软件开发编码标准指南,涵盖TypeScript、JavaScript、React和Node.js开发的最佳实践。文档详细介绍了代码质量原则(可读性、KISS、DRY、YAGNI)、变量命名规范、函数设计模式、不可变性原则、错误处理策略、异步编程技巧、类型安全要求、React组件架构、API设计标准、文件组织规范、注释文档编写、性能优化方法、测试标准以及代码异味检测。适用于前端开发、后端开发和全栈开发团队,帮助建立统一的代码规范,提高代码质量和团队协作效率。