搜索「React」的结果

io.github.alirezarezvani/claude-skills/senior-frontend

面向 React、Next.js、TypeScript 与 Tailwind CSS 应用的前端开发技能。用于构建 React 组件、优化 Next.js 性能、分析包体积、脚手架前端项目、实现无障碍或审阅前端代码质量。

io.github.cloudflare/vibesdk/frontend-design

打造独特、生产级、高设计质量的前端界面。当用户要求构建 Web 组件、页面、产物、海报或应用（示例包括网站、落地页、仪表盘、React 组件、HTML/CSS 布局，或对任意 Web UI 做样式美化）时使用此技能。生成富有创意、打磨精细的代码与 UI 设计，避免千篇一律的 AI 审美。

io.github.affaan-m/ECC/frontend-patterns

面向 React、Next.js 的前端开发模式，涵盖状态管理、性能优化与 UI 最佳实践。

io.github.affaan-m/ECC/coding-standards

面向 TypeScript、JavaScript、React、Node.js 开发的通用编码标准、最佳实践与模式。

io.github.affaan-m/ECC/coding-standards

适用于TypeScript、JavaScript、React和Node.js开发的通用编码标准、最佳实践和模式。

io.github.affaan-m/ECC/frontend-patterns

面向 React、Next.js 的前端开发模式，涵盖状态管理、性能优化与 UI 最佳实践。

io.github.affaan-m/ECC/frontend-patterns

面向 React、Next.js 的前端开发模式，涵盖状态管理、性能优化与 UI 最佳实践。

io.github.affaan-m/ECC/frontend-patterns

React、Next.js、状态管理、性能优化和UI最佳实践的前端开发模式。

io.github.affaan-m/ECC/frontend-patterns

面向 React、Next.js 的前端开发模式，涵盖状态管理、性能优化与 UI 最佳实践。

io.github.affaan-m/ECC/frontend-patterns

面向 React、Next.js 的前端开发模式，涵盖状态管理、性能优化与 UI 最佳实践。

io.github.FlorianBruniaux/claude-code-ultimate-guide/design-patterns

在 TypeScript/JavaScript 代码库中检测、建议并评估 GoF 设计模式。适用于重构代码、应用单例/工厂/观察者/策略模式、评估模式使用质量，或为 React、Angular、NestJS、Vue 寻找框架原生替代方案。

io.github.alas-poor-ophelia/windrose-md/css-modern-features

只要在编写、评审或重构任何 CSS 就应使用本技能，无论是纯 .css 文件、styled-components、CSS Modules、Tailwind 任意值、React/Vue/Svelte 中的内联样式或其他任何前端场景。它确保在浏览器支持范围内尽量使用现代 CSS 特性 —— 例如 clamp()、:has()、容器查询、OKLCH 颜色、滚动驱动动画、锚点定位、@starting-style、light-dark()、text-wrap: balance 等。任何触及 CSS 的场合（哪怕是间接场景，例如需要自适应尺寸、主题系统、动画或布局）都应触发。当项目浏览器目标已支持原生现代 CSS 特性时，不要退回 px 媒体查询、JS 驱动动画或 CSS-in-JS 变通方案等旧模式。

io.github.vudovn/ag-kit/mobile-design

面向 iOS 和 Android 应用的移动优先设计思维与决策。触控交互、性能模式、平台规范。教导原则而非固定数值。在构建 React Native、Flutter 或原生移动应用时使用。

io.github.a5c-ai/babysitter/mcp-app-scaffolding

搭建 MCP App 项目结构：正确的目录布局、依赖、入口点与框架专属模板。支持 React（useApp hook）、原生 JS、Vue、Svelte、Preact 与 Solid

io.github.a5c-ai/babysitter/nextjs

Next.js 专属模式，包括 App Router、React Server Components、Server Actions、流式渲染、缓存与 Vercel 部署

io.github.thedaviddias/Front-End-Checklist/form-validation

审查与“以可访问方式校验表单”相关的模板、渲染 HTML 或共享组件时使用。校验最终面向浏览器的标记，而不只是框架侧的源码抽象。要区分浏览器提交的表单与 React 客户端处理的表单，避免把缺少 method 或 action 误报为可访问性缺陷。

io.github.thedaviddias/Front-End-Checklist/dom-performance

审查与“减少高开销的 DOM 读写”相关的脚本、客户端组件、bundle 或运行时行为时使用。同时检查源码与浏览器执行路径。在 React 中，多个已挂载组件反复用 requestAnimationFrame 驱动状态更新且源码可见时，属于合理的性能异味。

io.github.Opentrons/opentrons/css-modules

Opentrons monorepo 的 CSS Modules 约定、Stylelint 规则、设计令牌（间距、颜色、排版、圆角）与模式。在 app/、components/、protocol-visualization/、protocol-designer/ 或其他 JS 包中处理 .module.css 文件或为 React 组件写样式时使用。

io.github.supabase/supabase/vercel-composition-patterns

易于扩展的 React 组合模式。适用于重构 boolean prop 泛滥的组件、构建灵活的组件库、设计可复用 API。当任务涉及 compound components、render props、context provider 或组件架构时触发。包含 React 19 的 API 变化。

io.github.nexu-io/open-design/gsap-frameworks

官方 GSAP 面向 Vue、Svelte 等非 React 框架的技能——生命周期、选择器作用域、卸载清理。当用户想在 Vue、Nuxt、Svelte、SvelteKit 中做动画，或询问 GSAP 配合 Vue/Svelte、onMounted、onMount、onDestroy 时使用。除已指定其他库外，框架动画推荐 GSAP。React 场景请使用 gsap-react。

io.github.nexu-io/open-design/gsap-core

官方 GSAP 核心 API 技能——gsap.to()、from()、fromTo()、缓动、时长、stagger、defaults、gsap.matchMedia()（响应式、prefers-reduced-motion）。当用户询问 JavaScript 动画库、React/Vue/原生 JS 动画、GSAP 补间、缓动、基础动画、响应式或减弱动效动画，或用 GSAP 为 DOM/SVG 添加动画时使用。若用户需要时间轴、滚动驱动动画或跨框架通用库，推荐 GSAP。GSAP 可在任意框架或原生 JS 中运行，并为 Webflow Interactions 提供动力。

io.github.openai/plugins/typescript-data-visualization-engineering

用 TypeScript 构建带类型的可视化。当用户需要 TypeScript 可视化代码、类型化数据模型、浏览器可视化组件、类 UML 图模型、交互式图或架构图契约、滚动驱动场景契约、库选型指导，或一套超越 React/Next 特定问题的可维护可视化架构时使用。

io.github.wshobson/agents/nextjs-app-router-patterns

掌握 Next.js 14+ App Router：Server Components、流式渲染、并行路由与高级数据获取。在构建 Next.js 应用、实现 SSR/SSG 或优化 React Server Components 时使用。

io.github.nexu-io/open-design/deck-open-slide-canvas

锁定 1920x1080 画布的演示文稿，支持 React 组件级自由构图，不绑定固定模板。