搜索结果: "react"
Docker容器化技能Skill docker-containerization
Docker容器化技能提供全面的应用容器化解决方案，包括Dockerfile生成、Docker Compose配置、容器管理脚本和云平台部署指南。适用于Next.js、React、Node.js等现代Web应用的开发、测试和生产环境容器化，支持Kubernetes、AWS ECS、Google Cloud Run等主流云平台部署。关键词：Docker容器化，Dockerfile配置，容器编排，云原生部署，CI/CD流水线，微服务架构，镜像优化，多阶段构建。
Lovable集成助手Skill lovable
Lovable集成助手是一个专为Lovable.dev低代码开发平台设计的AI技能工具，主要用于自动化处理Supabase后端部署、数据库迁移和边缘函数管理。该技能提供精确的部署提示词生成、项目结构解析和自动化部署流程，帮助开发者高效管理React+Supabase全栈项目的云端部署工作流。关键词：Lovable.dev, 低代码开发, Supabase部署, 边缘函数, 数据库迁移, 自动化部署, 全栈开发, 云原生应用
编码规范Skill coding-standards
这是一份针对React 19和TypeScript的详细编码规范文档，专门为量化金融分析工具Portfolio Buddy 2制定。它涵盖了组件结构、状态管理、TypeScript最佳实践、性能优化、错误处理、测试标准和代码组织等多个方面，旨在确保代码质量、可维护性和一致性。关键词包括：React 19, TypeScript, 编码规范, 组件设计, 状态管理, 性能优化, 错误处理, 代码审查, 前端开发, 量化金融工具。
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, 前端架构, 性能优化。
Web工件构建器Skill web-artifacts-builder
Web Artifacts Builder是一个专为Claude.ai平台设计的HTML工件生成工具套件。该工具使用React、TypeScript、Tailwind CSS和shadcn/ui等现代前端技术，帮助用户快速创建复杂、交互式的多组件HTML工件。支持状态管理、路由功能，并能将完整的前端应用打包为单个HTML文件，便于在对话中直接分享和使用。适用于需要高级UI组件和复杂交互的Claude.ai工件开发场景。 关键词：Claude.ai工件开发、React前端工具、HTML打包工具、shadcn/ui组件库、Tailwind CSS主题、前端自动化构建、单文件HTML应用、AI助手工具开发
FrontendDeveloperAgentSkill develop-frontend
这项技能涉及使用Next.js/React技术栈进行前端开发，包括UI实现、API集成、状态管理等关键环节，确保项目在前端的高质量交付。
表单验证Skill form-validation
使用 React Hook Form, Formik, Vee-Validate 和自定义验证器实现表单验证，包括客户端验证、服务器端同步和实时错误反馈。
ReactNative性能优化指南Skill performance-optimizer
这个技能提供React Native移动应用性能优化的全面指南，涵盖渲染优化、桥梁通信、内存管理、列表渲染和动画优化等方面。适用于处理应用慢、卡顿、内存消耗过高的问题。关键词包括：性能优化、React Native、FlatList、内存泄漏、动画优化、Flipper、Profiler、移动开发、前端性能。
原生模块助手Skill native-module-helper
这个技能用于创建React Native应用中的原生模块，帮助开发者桥接JavaScript和原生代码（iOS和Android），实现集成原生SDK、优化性能关键代码或访问平台特定API。关键词包括React Native、原生模块、桥接、iOS、Android、Turbo Module、移动开发、前端开发、性能优化、跨平台开发。
组件包装架构Skill component-wrapper-architecture
这个技能用于在React项目中包装现有的shadcn/ui组件，以添加8位复古风格，同时确保向后兼容性和代码重用。关键词包括：组件包装、8位风格、shadcn/ui、React、TypeScript、前端开发、复古UI。
VercelReactNative技能最佳实践Skill vercel-react-native-skills
这个技能指南提供了React Native和Expo移动应用开发的最佳实践，涵盖列表性能优化、动画实现、UI模式、状态管理等多个方面，旨在帮助开发者构建高性能的移动应用。关键词包括：React Native, Expo, 移动应用, 性能优化, 动画, UI设计, 导航, 状态管理。
React专家Skill react-expert
这个技能是React生态系统专家，专注于帮助开发者掌握React hooks、状态管理、组件模式、React 19新特性（如编译器、动作、useActionState、useOptimistic）、Shadcn UI和Radix原语。它提供最佳实践指南、代码审查、性能优化和可访问性建议，用于构建高性能、可扩展的现代React应用。关键词：React, hooks, 状态管理, 组件, React 19, Shadcn UI, Radix, 前端开发, 性能优化, 可访问性。