搜索结果: "react"
前端开发指南Skill frontend-dev-guidelines
这是一个前端开发指南,专注于现代React/TypeScript应用开发,包括Suspense数据获取、懒加载、文件组织、MUI v7样式、TanStack Router、性能优化和TypeScript最佳实践。适用于创建组件、页面、功能、数据获取、样式、路由或前端代码工作。关键词:前端开发、React、TypeScript、Suspense、懒加载、性能优化、MUI、TanStack Query、路由、组件模式、数据获取、文件组织、样式设计、性能优化、TypeScript最佳实践。
创意前端界面设计Skill frontend-design
此技能专注于通过独特美学和高质量代码创建生产级前端界面,适用于构建网站、组件、应用等Web UI,强调创意设计、排版、颜色、动效和空间构图,避免通用AI美学,提升用户体验和SEO友好性。关键词:前端设计、UI设计、创意界面、HTML/CSS/JS、React、美学设计、生产级代码、用户体验。
React开发指南Skill react
此技能提供React前端开发的全方位指导,涵盖组件、JSX、props、state、hooks、context等核心概念,以及性能优化和最佳实践。适用于开发React应用、管理状态和使用hooks的场景,关键词包括React、前端开发、组件、JSX、props、state、hooks、context、性能优化和最佳实践,方便SEO搜索。
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项目,确保代码一致性、可维护性和卓越的用户体验。
ReactUI模式Skill react-ui-patterns
现代 React UI 设计模式,专注于提升用户体验,包括加载状态、错误处理、数据获取等。
ReactObservabilitySkill react-observability
React 可观测性提供了日志记录、错误消息和调试模式,用于提高React应用的代码可观测性,帮助开发者在生产环境中更有效地诊断问题。
rn-native-featuresSkill rn-native-features
Expo React Native 应用中的原生特性集成指南,涵盖权限请求、相机使用、推送通知、触觉反馈、位置服务和本地存储等。
文档技能Skill docs
这是一个用于为Terrae组件库自动化生成和更新技术文档的技能。它遵循预设的文档结构和模式,能够创建组件说明、API参考、周志更新等。关键词:Terrae组件文档,技术文档生成,React组件文档,Next.js文档自动化,开发文档工具。
ErrorBoundariesinReactSkill ErrorBoundariesinReact
在React应用程序中使用错误边界进行优雅错误处理,捕获JavaScript错误并显示备用UI以提高应用程序的弹性。
Next.js14+AppRouterPatternsSkill Next.js14+AppRouterPatterns
Next.js 14+ App Router 是一个专家级框架,用于构建现代 React 应用程序,包含 Server Components、Streaming、Server Actions 和改进的数据获取能力。
前端设计系统Skill frontend-design-systems
前端设计系统技能专注于通过系统化的方法构建和维护一致、可扩展的用户界面组件,包括设计令牌、组件模式、布局系统和状态管理等核心部分,以提高前端开发效率和代码质量。关键词:前端开发,设计系统,UI组件,一致性,可维护性,组件库,React,TypeScript,SEO优化。
构件构建工具Skill artifacts-builder
该技能是用于创建复杂的 Claude.ai HTML 构件的前端开发工具套件,基于 React、Tailwind CSS 和 shadcn/ui 技术栈。它支持状态管理、路由和多组件构建,适用于需要高级前端功能的项目,提高开发效率和构件质量。关键词:前端开发、React、Tailwind CSS、shadcn/ui、HTML 构件、Claude.ai、工具套件、状态管理、路由、前端技术。