搜索结果: "react"

Vue响应性系统Skill vue-reactivity-system

4.5

Vue响应性系统是Vue.js框架的核心部分,基于JavaScript Proxies实现数据响应式更新,包括ref、reactive、computed、watch等API,用于前端开发中的状态管理、性能优化和复杂数据流处理,关键词包括Vue、响应性、ref、reactive、computed、watch、状态管理、前端开发。

React专家Skill react-specialist

4.5

React 专家技能专注于提供 React 18+、Next.js 生态系统和现代 React 模式的深度开发支持。核心能力包括使用 Hooks、并发渲染、状态管理(如 Zustand、TanStack Query)以及性能优化,旨在构建高性能、可扩展且类型安全的 React 应用程序。适用于前端开发、组件库构建、性能调优和复杂状态管理场景。 关键词:React 开发,React 18,Next.js,状态管理,Zustand,TanStack Query,性能优化,TypeScript,前端开发,组件设计

Ink组件生成器Skill ink-component-generator

4.5

Ink组件生成器是一个专门用于为命令行界面(CLI)快速生成基于React的终端UI组件的工具。它能够自动化创建交互式组件(如选择列表、文本输入框、加载动画)、自定义状态管理钩子以及布局组件,并支持设置项目结构和测试。适用于开发命令行仪表盘、交互式表单、监控面板等终端应用程序。关键词:Ink组件,React CLI,终端UI,命令行界面,组件生成,前端开发,Node.js,交互式应用。

设计到生产Skill design-to-production

4.5

这是一个将HTML设计原型自动化转换为生产级React组件的引导式工作流工具。它支持玻璃态拟物化(Glassmorphism)UI设计风格,通过5步标准化流程(分析→映射→脚手架→实现→验证)确保代码质量。关键词:HTML转React、设计原型实现、玻璃态拟物化、组件脚手架、前端开发工作流、UI组件转换、代码质量验证、shadcn/ui集成

前端设计Skill frontend-design

4.5

前端设计技能专注于创建独特、生产级别的前端用户界面,结合创意美学与代码实现,用于构建网站、登录页面、React组件、HTML/CSS布局等。强调个性化设计、高质量输出、避免通用AI美学,关键词包括前端开发、创意UI、代码实现、美学设计、网站构建、组件设计、生产级界面。

移动开发技能Skill software-mobile

4.5

这个技能提供了移动应用开发的全套参考指南,涵盖iOS、Android和跨平台开发的技术选型、架构模式、性能优化、测试部署等核心内容。关键词:移动开发、iOS开发、Android开发、Swift、Kotlin、React Native、Flutter、跨平台、架构设计、性能优化、CI/CD、应用商店发布。

Tamagui最佳实践指南Skill tamagui-best-practices

4.5

Tamagui跨平台UI框架高级开发指南,涵盖配置v4、编译器优化、样式化上下文、复合组件、主题系统、性能优化和常见反模式。适用于React Native和Web应用开发,提供TypeScript最佳实践、设计令牌管理和跨平台适配方案。

Docker容器化技能Skill docker-containerization

4.5

Docker容器化技能专为现代化Web应用(如Next.js、React、Node.js)提供全面的容器化解决方案。该技能涵盖Dockerfile生成、docker-compose配置、容器管理脚本以及多平台部署指南,支持开发、生产、CI/CD全流程。关键词:Docker容器化、多阶段构建、容器编排、Kubernetes部署、云原生、DevOps自动化、镜像优化、微服务部署、CI/CD集成、云平台部署。

CloudflareWorkers框架集成Skill workers-frameworks

4.5

该技能涉及在 Cloudflare Workers 无服务器计算平台上集成和部署现代 Web 框架,以构建高性能的全栈应用程序。它支持路由管理、服务器端渲染(SSR)、静态资产处理和边缘部署,适用于开发 API、轻量级应用、内容网站以及各种前端框架(如 React、Vue、Svelte)的项目。关键词包括:Cloudflare Workers、框架集成、无服务器、SSR、边缘计算、Hono、Remix、Next.js、Astro、SvelteKit、Qwik、Nuxt。

Remotion渲染技能Skill remotion-render

4.5

这个技能用于通过React/Remotion组件代码渲染视频,支持所有Remotion API,如useCurrentFrame、useVideoConfig、spring、interpolate等。可配置分辨率、FPS、时长和编解码器,适用于程序化视频生成、动画图形、运动设计、数据驱动视频和React动画转视频。关键词:视频渲染、React、Remotion、代码生成视频、程序化视频、动画制作、TSX转MP4、前端动画。

Vitest测试框架指南Skill vitest

4.5

这个技能提供Vitest测试框架的全面指导,涵盖快速测试执行、Vite集成、组件测试、模拟和配置。适用于编写快速单元测试、测试Vue/React组件或在Vite项目中配置Vitest。关键词:Vitest, 测试框架, 单元测试, 组件测试, Vite, Jest兼容, 监视模式, HMR, TypeScript, ESM, 模拟, 快照, 覆盖率, 浏览器模式, 视觉回归测试。

原子设计:有机体Skill atomic-design-organisms

4.5

原子设计有机体技能专注于构建用户界面中的复杂组件,如导航栏、内容卡片和表单部分。它基于原子设计方法论,通过组合原子和分子来创建可重用、状态管理的独立UI部分,提高前端开发效率和代码可维护性。关键词:原子设计、UI组件、前端开发、React、组件化、状态管理、可重用性。