搜索结果: "react"
OrvalOpenAPI客户端生成Skill orval
这是一个用于从OpenAPI规范自动生成类型安全的TypeScript客户端的技能，支持React Query、SWR等查询库集成，提供自定义mutators和Mock测试功能，适用于前端开发和API消费。关键词：Orval, OpenAPI, TypeScript, 客户端生成, React Query, SWR, 自定义mutators, MSW mocks。
FramerMotion性能优化技能Skill framer-motion
本技能提供 Framer Motion 在 React 应用中的动画性能优化综合指南，包含 42 条规则覆盖 9 个优先级类别，帮助开发者优化包大小、防止重渲染、实现高效动画，提升前端性能。关键词：Framer Motion, React 动画, 性能优化, 前端开发, 动画指南, 性能最佳实践
动画最佳实践指南Skill emilkowal-animations
这个技能提供了基于Emil Kowalski的Web界面动画最佳实践，涵盖缓和选择、定时、属性选择、变换技术、交互模式、战略动画和可访问性等关键领域。适用于React、CSS或Framer Motion开发，帮助提升动画性能、用户体验和可访问性。关键词：动画、Web开发、React、CSS、Framer Motion、性能优化、用户体验、可访问性。
React最佳实践-性能优化Skill react-best-practices
这个技能提供全面的React和Next.js性能优化指南，包含40多个规则，用于消除瀑布、优化包大小和提高渲染性能。适用于开发者优化应用性能、审查代码、重构组件等场景，帮助提升前端开发效率和用户体验。关键词：React性能优化、Next.js优化、前端性能、包大小优化、消除瀑布、渲染优化、JavaScript性能。
MUIv7组件库模式Skill mui
这个技能提供了Material-UI v7组件库的使用模式，包括sx prop样式、主题集成、响应式设计和MUI特定钩子。适用于前端开发中的React项目，帮助开发者高效构建用户界面，提供最佳实践和代码示例。关键词：MUI, Material-UI, 前端开发, React组件, 样式设计, 主题定制, 响应式设计, 组件库
创意前端界面设计Skill frontend-design
此技能专注于通过独特美学和高质量代码创建生产级前端界面，适用于构建网站、组件、应用等Web UI，强调创意设计、排版、颜色、动效和空间构图，避免通用AI美学，提升用户体验和SEO友好性。关键词：前端设计、UI设计、创意界面、HTML/CSS/JS、React、美学设计、生产级代码、用户体验。
Jest测试框架技能指南Skill jest
此技能提供Jest测试框架的全面指导，帮助用户编写和管理JavaScript/TypeScript测试，包括单元测试、集成测试、模拟函数、异步测试、快照测试和项目配置。适用于前端和后端开发中的测试需求，提高代码质量和测试效率。关键词：Jest, 测试, 单元测试, 集成测试, Mock, 快照, 匹配器, 异步测试, 覆盖率, CLI, 配置, TypeScript, React, Vue。
移动响应式网页开发Skill mobile-responsiveness
移动响应式网页开发技能专注于构建响应式、移动优先的网页应用，涵盖响应式布局设计、触摸交互优化、移动导航实现和屏幕尺寸适配。关键词包括移动响应式、前端开发、CSS、React、响应式设计、移动优先、断点、触摸事件、视口优化。
FigmaAPI集成与设计自动化Skill figma
这个技能用于通过Figma API提取设计令牌、生成React/CSS代码、同步设计系统、自动化设计到代码工作流，并支持Figma插件开发和Dev模式集成。关键词包括Figma API、设计令牌、代码生成、前端开发、自动化工作流、React组件、Tailwind CSS、设计系统。
前端设计Skill frontend-design
前端设计技能专注于创建独特、生产级别的前端用户界面，结合创意美学与代码实现，用于构建网站、登录页面、React组件、HTML/CSS布局等。强调个性化设计、高质量输出、避免通用AI美学，关键词包括前端开发、创意UI、代码实现、美学设计、网站构建、组件设计、生产级界面。
Storybook配置技能Skill storybook-configuration
此技能用于配置Storybook前端开发工具，包括设置主配置、添加物、构建器和框架集成，以优化UI组件开发、文档生成和测试体验。关键词：Storybook、前端开发、配置、组件文档、UI测试、TypeScript、Vite、Webpack、React、Next.js。
原子设计：分子组件Skill atomic-design-molecules
该技能专注于原子设计方法论中的分子组件创建，用于将原子组件组合成功能性的UI元素，如表单字段、搜索栏和卡片头部。关键词包括原子设计、分子组件、UI组件、前端开发、React、TypeScript。适用于提升UI组件的可重用性、维护性和一致性，支持高效的前端界面构建。