搜索结果: "react"
Remotion渲染技能Skill remotion-render
这个技能用于通过React/Remotion组件代码渲染视频,支持所有Remotion API,如useCurrentFrame、useVideoConfig、spring、interpolate等。可配置分辨率、FPS、时长和编解码器,适用于程序化视频生成、动画图形、运动设计、数据驱动视频和React动画转视频。关键词:视频渲染、React、Remotion、代码生成视频、程序化视频、动画制作、TSX转MP4、前端动画。
shadcn/ui前端组件库开发技能Skill shadcn
这个技能提供了shadcn/ui组件库的全面最佳实践指南,覆盖项目设置、组件架构、可访问性、样式主题、表单模式、数据展示、布局导航、组件组合、性能优化和状态管理,适用于前端开发者使用React、Tailwind CSS、Radix UI等技术进行高效、可访问和性能优化的Web开发。关键词:shadcn/ui, 前端开发, React, Tailwind CSS, 可访问性, 性能优化, 组件库。
高级全栈开发Skill senior-fullstack
全栈开发技能,提供项目脚手架、代码质量分析和架构模式指导,支持React、Next.js、Node.js、GraphQL、PostgreSQL等现代技术栈,适用于构建和优化Web应用程序,关键词:全栈开发、代码质量、架构模式、React、Node.js、PostgreSQL、SEO优化。
Zustand存储模式Skill zustand-store-patterns
这个技能是关于使用Zustand进行React状态管理的存储模式,用于优化应用性能和组织代码结构,包括存储定义、选择器、动作分离、性能优化等。关键词:Zustand, React, 状态管理, 存储模式, 前端开发, 性能优化。
RadixUI技能Skill radix-ui
Radix UI 技能是一个专注于使用 Radix UI 库构建现代化、高度可访问且可定制的前端组件的专家级助手。它擅长运用 Radix 提供的基础组件(Primitives),通过组合模式创建复杂的交互式UI,并确保严格遵循 WAI-ARIA 无障碍标准。无论是使用 CSS 还是 Tailwind CSS 进行样式设计,还是处理模态框、下拉菜单、标签页等复杂交互逻辑,该技能都能提供专业指导。 **关键词:** Radix UI, 前端组件库, 无障碍访问, WAI-ARIA, React 组件, 设计系统, Tailwind CSS, 组合模式, 交互设计, 前端开发
Docusaurus高级配置Skill docusaurus-advanced
Docusaurus高级配置技能专注于掌握静态站点生成器Docusaurus的高级定制能力,包括TypeScript配置文件解析、插件集成、主题定制、MDX组件开发以及API集成。该技能涉及前端文档站点构建、技术文档开发、静态网站生成和React组件集成,适用于技术文档工程师、前端开发者和开源项目维护者。
高级质量保证Skill senior-qa
高级质量保证技能包,专为ReactJS、NextJS、NodeJS应用程序提供全面的测试解决方案。包含测试套件自动生成、代码覆盖率深度分析、端到端测试脚手架搭建三大核心功能。适用于软件测试工程师、质量保证专家、自动化测试开发人员,帮助提升测试效率、确保代码质量、优化测试策略。关键词:软件测试、自动化测试、测试覆盖率、端到端测试、质量保证、React测试、NodeJS测试、测试策略、测试工具、QA最佳实践。
原型到生产Skill prototype-to-production
原型到生产技能是一款自动化工具,用于将设计原型(如HTML、CSS、Figma导出文件)高效转换为生产就绪、类型化的前端组件。它通过分析原型结构,智能提取设计令牌和可复用模式,并遵循原子化设计方法论,生成符合项目技术栈(如React、TypeScript、Tailwind CSS)的整洁、可访问的代码。适用于前端开发、UI设计、代码重构和设计系统构建,提升从设计到开发的转化效率和质量。关键词:原型转换、前端组件、设计令牌、原子化设计、React组件、TypeScript、Figma、HTML转React、代码生成、UI开发。
前端测试生成器Skill frontend-test
前端测试生成器是一款自动化工具,专门用于为React和Vue组件生成全面的测试代码。它基于React Testing Library (RTL) 框架,能够自动创建包含组件渲染验证、用户交互模拟(如点击、输入)、可访问性检查以及快照测试的单元测试文件。该工具旨在提升前端开发效率,确保代码质量,并遵循现代前端测试的最佳实践。 关键词:前端测试,React测试,Vue测试,组件测试,单元测试,自动化测试,React Testing Library,快照测试,可访问性测试,用户交互测试
Ultracite代码质量工具Skill ultracite
Ultracite 是一个快速、零配置的代码检查和格式化工具,专为现代 JavaScript/TypeScript 项目设计。它支持多种框架如 React、Next.js、Vue、Svelte 等,并提供 AI 集成、Git 钩子支持和类型安全特性,以提高代码质量和开发效率。关键词:代码检查、格式化、JavaScript、TypeScript、前端开发、AI 集成、Git 钩子、类型安全、性能优化。
React专家Skill react-specialist
React 专家技能专注于提供 React 18+、Next.js 生态系统和现代 React 模式的深度开发支持。核心能力包括使用 Hooks、并发渲染、状态管理(如 Zustand、TanStack Query)以及性能优化,旨在构建高性能、可扩展且类型安全的 React 应用程序。适用于前端开发、组件库构建、性能调优和复杂状态管理场景。 关键词:React 开发,React 18,Next.js,状态管理,Zustand,TanStack Query,性能优化,TypeScript,前端开发,组件设计
ReactNative开发技能Skill ReactNativeDevelopment
React Native 开发技能是一个专注于跨平台移动应用开发的工具集。它深度集成 React Native 生态系统,提供从项目初始化、组件开发、状态管理、导航配置到性能优化、测试和调试的全套解决方案。适用于使用 JavaScript/TypeScript 构建高性能 iOS 和 Android 应用的开发者。关键词:React Native, 跨平台开发, 移动应用, JavaScript, TypeScript, 原生模块, 性能优化, 状态管理, 导航, 测试。