搜索结果: "react"
邮件处理器Skill email-handler
邮件处理器技能专注于使用React Email框架高效创建和发送事务性邮件。核心功能包括:邮件模板开发、动态数据集成、HTML渲染、邮件发送逻辑、Tailwind样式设计。适用于用户注册、密码重置、订单确认、系统通知等自动化邮件场景。关键词:React Email,事务性邮件,邮件模板,邮件自动化,Tailwind CSS,Next.js,邮件发送,前端开发。
UI处理器Skill ui-handler
UI处理器是一个用于快速构建现代Web界面的技能工具。它通过集成Shadcn MCP和21st.dev MCP,提供原子组件(如按钮、输入框)和复杂区块(如英雄区、仪表盘)的自动化生成与管理。核心功能包括组件安装、主题定制、布局构建和样式管理,旨在提升前端开发效率,实现UI的快速原型设计和一致性维护。关键词:UI组件,前端开发,Shadcn,21st.dev,原子设计,区块生成,主题定制,React组件,Web界面构建。
Next.js开发模式Skill next-js-patterns
Next.js 开发模式指南,涵盖应用路由器、服务器组件、客户端组件、数据获取、导航、字体优化和元数据管理等最佳实践。关键词:Next.js, App Router, 服务器组件, 客户端组件, 数据获取, SEO, 前端开发, React框架
CookModeV2事实源文档代理Skill cookmode-v2-source-of-truth
这是一个用于生成 CookMode V2 代码库技术文档的专用工具。它专注于描述现有系统的实现细节、文件结构、组件交互和数据流,提供准确、客观的事实性信息,不提供改进建议或批判性分析。关键词:CookMode V2, 技术文档, 代码库地图, 系统架构, 事实源, React, Supabase, 前端开发。
React服务器组件框架Skill react-server-components-framework
本技能专注于使用 Next.js 15 的 App Router 构建现代 Web 应用,核心是掌握 React 服务器组件。它详细讲解了服务器优先架构、流式服务器端渲染、服务器操作以及高效的数据获取模式。内容涵盖组件边界设计、性能优化、高级路由(如并行路由和拦截路由)以及从旧版 Pages Router 的迁移策略。适用于希望构建高性能、SEO友好且具有优秀用户体验的下一代 React 应用的前端开发者。关键词:React Server Components, Next.js 15, 服务器端渲染, 流式渲染, App Router, 前端架构, 性能优化。
React组件开发技能Skill react-component
React组件开发技能是专门用于创建React UI组件的专家指导体系,涵盖函数组件、钩子、自定义钩子和组件组合模式。该技能专注于TypeScript类型安全、性能优化、可访问性设计和现代React最佳实践,适用于构建ERP系统、仪表板、KPI卡片、表单、模态框等企业级UI组件。关键词:React组件开发、TypeScript、函数组件、自定义钩子、组件组合、性能优化、可访问性、UI设计、前端开发、React最佳实践
Next.js15应用路由器专家Skill nextjs-15-specialist
这是一个专门针对Next.js 15框架的应用路由器技能指南,提供完整的服务器组件、客户端组件、数据获取、缓存策略、服务器操作和元数据管理的全面解决方案。包含150+实际代码示例和最佳实践,帮助开发者正确实现现代Next.js应用架构,避免常见错误,优化性能。关键词:Next.js 15, App Router, 服务器组件, 数据获取, 缓存策略, 服务器操作, React框架, 前端开发, Web性能优化。
ReactNative最佳实践Skill react-native-best-practices
这份指南提供了React Native应用性能优化的指导,包括FPS提升、打包大小优化、启动时间(TTI)优化、原生性能提升和内存管理等关键领域,旨在帮助开发者提高应用性能和用户体验。
Tailwindv4+shadcn/ui生产堆栈技能Skill tailwind-v4-shadcn
这个技能提供了一个生产就绪的设置指南,用于使用 Tailwind CSS v4、shadcn/ui、Vite 和 React 构建前端项目。它涵盖了暗色模式实现、CSS 变量架构、常见问题修复和最佳实践,帮助开发者高效搭建和调试现代 Web 应用。关键词:Tailwind v4, shadcn/ui, Vite, React, 暗色模式, CSS 变量, 前端开发, 生产部署, SEO。
VercelReactNative技能最佳实践Skill vercel-react-native-skills
这个技能指南提供了React Native和Expo移动应用开发的最佳实践,涵盖列表性能优化、动画实现、UI模式、状态管理等多个方面,旨在帮助开发者构建高性能的移动应用。关键词包括:React Native, Expo, 移动应用, 性能优化, 动画, UI设计, 导航, 状态管理。
Expo框架规则技能Skill expo-framework-rule
这个技能是Expo框架的编码标准专家,用于帮助开发者遵循Expo框架的最佳实践和指南,包括代码审查、改进建议、模式解释和重构帮助,适用于移动应用开发。关键词:Expo框架, 代码审查, 最佳实践, 移动开发, React Native, 编码标准, 性能优化, 空中更新。
Widget渲染器Skill widgets-ui
Widget渲染器是一个用于从JSON生成声明式UI的工具,专为React/Next.js设计。它支持多种UI组件如按钮、输入框、卡片、布局等,适用于动态表单、数据展示和交互式卡片。关键词:UI渲染器、JSON UI、声明式UI、React组件、Next.js工具、前端开发、低代码开发、UI组件库。