搜索结果: "react"
移动响应式网页开发Skill mobile-responsiveness
移动响应式网页开发技能专注于构建响应式、移动优先的网页应用,涵盖响应式布局设计、触摸交互优化、移动导航实现和屏幕尺寸适配。关键词包括移动响应式、前端开发、CSS、React、响应式设计、移动优先、断点、触摸事件、视口优化。
原子设计原子组件Skill atomic-design-atoms
这个技能专注于创建原子级UI组件,如按钮、输入框、标签和图标,作为设计系统的最小不可分割构建块。它强调可重用性、无状态性和可访问性,用于构建一致的前端界面。关键词:原子设计,UI组件,前端开发,设计系统,React组件,可访问性,样式令牌。
React性能优化Skill react-performance
这个技能用于优化React应用程序的性能,通过组件记忆化、懒加载代码分割、虚拟滚动列表、性能监控等技术,提升应用响应速度、减少加载时间并改善用户体验。关键词:React性能优化、记忆化、懒加载、虚拟滚动、性能监控、代码分割、useMemo、useCallback、React.memo。
React测试库Skill react-testing-library
React 测试库技能提供专业的 React 组件测试解决方案,专注于编写以用户为中心的测试用例、使用最佳查询方法、处理异步操作、确保组件可访问性以及模拟外部依赖。适用于前端开发中的单元测试、集成测试和可访问性测试,是提升 React 应用质量和用户体验的关键工具。关键词:React 测试,前端测试,单元测试,可访问性测试,测试库,用户事件模拟。
Next.js应用生成器Skill nextjs-app
Next.js应用生成器是一个专业的代码生成工具,专门用于创建基于Next.js 14+框架的现代化Web应用程序。该工具能够智能生成App Router架构下的服务端组件、客户端组件、API路由、中间件和高效数据获取模式。支持React Server Components、Server Actions、增量静态再生(ISR)等前沿技术,帮助开发者快速构建高性能、SEO友好的全栈应用。适用于前端开发、全栈开发、Web应用构建等场景,提升开发效率和代码质量。
积分处理器Skill credits-handler
这是一个关于如何构建和管理SaaS平台积分系统的完整指南。它详细介绍了积分系统的后端配置(添加积分类型、定价策略、套餐分配)、前端UI实现(购买积分组件、余额显示组件)以及核心后端操作(积分分配、扣减、余额检查)。关键词包括:积分系统、SaaS平台、前端开发、后端开发、用户余额管理、定价策略、React钩子、TypeScript。
CookModeV2事实源文档代理Skill cookmode-v2-source-of-truth
这是一个用于生成 CookMode V2 代码库技术文档的专用工具。它专注于描述现有系统的实现细节、文件结构、组件交互和数据流,提供准确、客观的事实性信息,不提供改进建议或批判性分析。关键词:CookMode V2, 技术文档, 代码库地图, 系统架构, 事实源, React, Supabase, 前端开发。
React组件开发技能Skill react-component
React组件开发技能是专门用于创建React UI组件的专家指导体系,涵盖函数组件、钩子、自定义钩子和组件组合模式。该技能专注于TypeScript类型安全、性能优化、可访问性设计和现代React最佳实践,适用于构建ERP系统、仪表板、KPI卡片、表单、模态框等企业级UI组件。关键词:React组件开发、TypeScript、函数组件、自定义钩子、组件组合、性能优化、可访问性、UI设计、前端开发、React最佳实践
ReactNative移动开发Skill react-native-mobile-development
React Native 移动开发技能指南,提供使用 React Native 和 Expo 框架构建跨平台 iOS 和 Android 移动应用的完整工作流程。涵盖项目初始化、组件开发、平台适配、性能优化、调试部署等核心知识,适用于前端开发者和移动应用工程师快速上手混合应用开发。
ShadCNUI组件开发规范Skill shadcn-ui-patterns
ShadCN UI组件开发规范是一套针对React前端开发的标准化指南,专注于UI组件构建、无障碍访问(WCAG 2.1 AA)、TailwindCSS最佳实践和TypeScript类型安全。该规范详细说明了如何使用ShadCN UI库(基于Radix UI原语)进行现代Web应用开发,包括组件安装模式、表单验证(React Hook Form + Zod)、服务器/客户端组件划分、深色模式支持以及严格的测试方法。适用于构建企业级React应用、Next.js项目,确保代码一致性、可维护性和卓越的用户体验。
移动应用调试Skill mobile-app-debugging
移动应用调试是一项专注于解决移动应用特有的平台问题、设备限制和网络条件的技术。它包括iOS和Android平台的调试技巧,以及跨平台问题如React Native和Flutter的调试方法。
前端测试生成器Skill frontend-test
前端测试生成器是一款自动化工具,专门用于为React和Vue组件生成全面的测试代码。它基于React Testing Library (RTL) 框架,能够自动创建包含组件渲染验证、用户交互模拟(如点击、输入)、可访问性检查以及快照测试的单元测试文件。该工具旨在提升前端开发效率,确保代码质量,并遵循现代前端测试的最佳实践。 关键词:前端测试,React测试,Vue测试,组件测试,单元测试,自动化测试,React Testing Library,快照测试,可访问性测试,用户交互测试