搜索结果: "react"
模块脚手架Skill module-scaffolder
这是一个用于前端开发的自动化工具,能够根据预设的6文件夹架构快速生成功能模块的代码脚手架。它自动创建TypeScript组件、接口、钩子和工具函数,并强制执行代码质量标准,包括文件结构、命名规范、路径别名和类型安全。适用于React/Vue等现代前端框架的项目初始化,提高开发效率和代码一致性。关键词:前端脚手架、模块生成、TypeScript接口、代码规范、自动化工具、DevOps、项目架构。
高效库文档获取器Skill fetching-library-docs
高效库文档获取器是一款基于Context7 MCP技术的智能工具,专门用于快速获取编程库的API文档、代码示例和使用模式。通过创新的Shell管道过滤技术,实现77%的令牌节省,显著提升开发效率。主要功能包括:自动识别库名称和主题、智能过滤文档内容、提供代码示例和API签名、支持多种开发框架(React、Next.js、Prisma等)。适用于开发学习、代码参考、API查询等场景。关键词:文档获取、API参考、代码示例、令牌优化、开发工具、MCP技术、编程学习、效率工具。
VercelReact最佳实践Skill vercel-react-best-practices
这个技能提供了Vercel维护的React和Next.js应用程序性能优化指南,包含57条规则,涵盖8个类别,适用于前端开发中的代码优化和性能提升。关键词:React, Next.js, 性能优化, 前端开发, Vercel, 代码重构, 包优化, 数据获取。
React专家Skill react-expert
此技能用于前端开发,专注于使用 React 19 及更高版本构建高性能、可访问的 Web 应用程序,涵盖组件架构、钩子模式、状态管理、性能优化等核心领域。适用于服务器组件、Suspense 边界、现代数据获取等高级特性。关键词:React, 前端开发, TypeScript, 状态管理, 性能优化, 服务器组件, 钩子模式, 可访问性。
代码模改执行器Skill codemod-executor
代码模改执行器是一款基于抽象语法树(AST)的自动化代码重构与迁移工具。它专为大规模代码库升级而设计,支持框架迁移(如React、Angular、Vue)、语言版本升级、API弃用处理、代码模式标准化等复杂任务。通过精准的模式匹配与替换,该工具能在保持代码风格的同时,高效、安全地完成跨文件、跨项目的代码转换,并提供预演预览、回滚支持等功能,是开发团队进行现代化升级和规模化重构的得力助手。 关键词:代码重构,自动化迁移,AST转换,框架升级,大规模代码库,代码模改,版本升级,开发工具,代码转换,DevOps
CloudflareTurnstile机器人防护Skill cloudflare-turnstile
此技能提供Cloudflare Turnstile的集成指南,用于替代CAPTCHA实现网站机器人防护,防止垃圾邮件和恶意攻击。适用于前端框架如React、Next.js,后端如Cloudflare Workers、Hono,并包括服务器端验证和故障排除。关键词:Turnstile, CAPTCHA, 机器人防护, siteverify, 云安全, bot protection, 身份验证
移动开发Skill mobile-development
移动开发技能专注于使用现代框架如React Native、Flutter、Swift、Kotlin构建iOS和Android移动应用。涵盖移动优先设计、性能优化、离线架构、安全最佳实践等,帮助开发者高效开发高质量移动应用,适用于跨平台或原生开发决策。关键词:移动开发、React Native、Flutter、iOS、Android、性能优化、安全。
TUI测试渲染器Skill tui-test-renderer
该技能用于为终端用户界面(TUI)组件建立自动化测试环境。它提供了使用ink-testing-library(针对React组件)和Bubble Tea(针对Go语言模型)进行单元测试和集成测试的实用工具和代码模式。关键词:TUI测试,终端界面测试,ink测试库,Bubble Tea测试,CLI组件测试,自动化测试工具。
添加事件类型Skill add-event-type
这是一个用于在前端信息流系统中扩展新事件类型的技术技能。主要功能包括:定义TypeScript接口、创建React组件、集成到现有类型系统、处理WebSocket消息。适用于前端开发、React应用扩展、实时消息处理等场景。关键词:前端开发、React组件、TypeScript、事件类型、WebSocket、信息流系统、UI扩展。
前端UI/UX开发专家Skill frontend-agent
该技能是一个前端开发专家工具,专注于使用React、Next.js和TypeScript构建高性能用户界面。采用FSD-lite架构组织代码,使用shadcn/ui组件库确保UI一致性,并严格对齐设计系统。涉及UI/UX设计、组件开发、状态管理、性能优化等任务,适用于现代Web前端开发。关键词包括:前端开发、React、Next.js、TypeScript、UI/UX、shadcn/ui、FSD架构、组件设计、性能优化。
ReactContext模式Skill react-context-patterns
React Context模式是一种用于在React应用中共享状态和管理全局数据的技术,有效避免prop drilling,提升组件复用性和应用性能。适用于前端开发中的状态管理、认证、主题切换、通知系统、模态框管理、表单处理等场景。关键词:React, Context, 状态管理, 前端开发, 组件通信, 性能优化, TypeScript, 全局状态, prop drilling避免。
代码修复助手Skill fix
这是一个用于系统化修复代码问题的技能。它遵循严格的流程,首先识别并分类问题(严重、高、中、低),然后制定修复计划并应用最小化更改。核心功能包括处理编译错误、内存泄漏、安全漏洞、代码规范问题等,并内置了处理缺失导入、清理副作用、类型修复等常见模式的指南。适用于代码审查后的自动化修复、日常开发中的问题排查与维护。关键词:代码修复,问题排查,代码审查,自动化修复,软件开发,质量保证,TypeScript,React,副作用清理。