搜索结果: "react"
ReactNative设计Skill react-native-design
这个技能专注于使用React Native框架进行跨平台移动应用开发,涵盖样式设计、导航实现和动画创建,以构建高性能、原生体验的应用。关键词包括:React Native, 样式设计, 导航, 动画, 跨平台, 移动开发, 性能优化, Reanimated, React Navigation。
表单构建Skill building-forms
本技能提供系统化的表单构建指导,涵盖输入组件选择、验证策略、可访问性合规(WCAG 2.1)、UX最佳实践,以及JavaScript/React和Python的示例实现。适用于创建各种表单界面,如注册流程、调查问卷、多步向导等。关键词:表单构建、输入模式、验证、可访问性、WCAG 2.1、React、Python、前端开发、用户体验。
TypeScript语言专长Skill typescript
这个技能专注于编写类型安全、可维护和生产质量的TypeScript代码,覆盖高级类型系统特性、严格模式配置、模块系统和常见设计模式。适用于前端和后端开发,与React、Node.js、Zod、tRPC、Prisma等现代框架集成。关键词:TypeScript, 类型安全, 前端开发, 后端开发, React, Node.js, 泛型, 类型守卫, Zod, tRPC, Prisma, SEO优化。
React单页面应用开发技能Skill react
本技能专注于使用 React 19+、React Router v7、Jotai、Vite 和 Bun 构建现代单页面应用(SPA)。涵盖组件、钩子、状态管理、路由、表单、UI 架构、性能优化和测试等关键方面,适用于客户端路由、全局状态管理和异步数据加载的 React 应用开发,关键词包括 React 19、React Router、Jotai、Vite、Bun、SPA、前端开发、性能优化、可访问性。
VercelReact最佳实践指南Skill vercel-react-best-practices
本技能提供由 Vercel 维护的 React 和 Next.js 应用性能优化指南,包含 45 条规则,按优先级分类,用于自动化重构和代码生成。适用于编写、审查或重构 React/Next.js 代码,确保最佳性能模式。关键词:React, Next.js, 性能优化, Vercel, 前端开发, 代码优化, 自动化重构。
Web组件构建器Skill web-artifacts-builder
这是一个前端开发工具,用于快速创建和打包复杂的HTML组件,使用React、Tailwind CSS和shadcn/ui等现代技术,适用于需要状态管理、路由或多组件的Web项目。关键词包括前端开发、HTML打包、React组件、Tailwind CSS、shadcn/ui、Web组件构建、前端工具、组件打包、状态管理、路由支持。
ReactNative平台API技能Skill react-native-platform
该技能专注于在React Native应用中处理iOS和Android平台特定代码,包括平台检测、平台特定文件、组件、权限处理和跨平台最佳实践,帮助开发者高效实现移动应用开发。关键词:React Native, 跨平台开发, iOS, Android, 平台API, 原生模块, 移动应用开发。
tRPC类型安全API构建技能Skill trpc
tRPC技能是用于构建端到端类型安全API的专家工具,专注于tRPC框架、React/Next.js集成、类型安全过程与路由器、中间件实现、错误处理以及实时订阅功能。关键词:tRPC,类型安全API,React集成,Next.js,全栈开发,Zod验证,中间件,RPC替代REST。
Next.js架构专家Skill nextjs-architecture
此技能专注于提供 Next.js 框架的架构设计与优化解决方案。核心内容包括 App Router 路由模式、服务器组件实现、性能调优策略以及从旧版 Pages Router 的平滑迁移。适用于需要构建高性能、可扩展的全栈 Web 应用场景,帮助开发者遵循最佳实践,提升应用加载速度与开发效率。关键词:Next.js 架构,App Router 迁移,服务器组件,性能优化,全栈开发,React 框架。
MERN代码审查专家Skill code-reviewer
这是一个针对MERN(MongoDB, Express.js, React, Node.js)技术栈的自动化代码审查技能。它提供全面的项目健康评估、安全检查、可维护性分析、性能优化建议、测试覆盖度审查和架构设计指导。适用于开发者、技术负责人和DevOps工程师进行代码质量把关、安全漏洞扫描和最佳实践落地。关键词:MERN代码审查、全栈开发安全、代码质量分析、性能优化、自动化测试、软件架构评审。
积分处理器Skill credits-handler
这是一个关于如何构建和管理SaaS平台积分系统的完整指南。它详细介绍了积分系统的后端配置(添加积分类型、定价策略、套餐分配)、前端UI实现(购买积分组件、余额显示组件)以及核心后端操作(积分分配、扣减、余额检查)。关键词包括:积分系统、SaaS平台、前端开发、后端开发、用户余额管理、定价策略、React钩子、TypeScript。
邮件处理器Skill email-handler
邮件处理器技能专注于使用React Email框架高效创建和发送事务性邮件。核心功能包括:邮件模板开发、动态数据集成、HTML渲染、邮件发送逻辑、Tailwind样式设计。适用于用户注册、密码重置、订单确认、系统通知等自动化邮件场景。关键词:React Email,事务性邮件,邮件模板,邮件自动化,Tailwind CSS,Next.js,邮件发送,前端开发。