“React” 共 474 个结果
io.github.PostHog/posthog/building-html-canvases
用语义化 HTML、CSS 和直接的浏览器 API 编写 PostHog canvas——文档、文章、生成式图形、2D canvas 与 WebGL 体验，以及 React 组件不能提供有效结构的聚焦实验。在 building-canvases 把画布请求路由到纯 HTML/浏览器 API 实现之后使用。涵盖当前运行时要求的轻量组件包装、不依赖 Quill 的样式与主题、绘图画布，以及动画/清理模式。
io.github.langgenius/dify/frontend-testing
在 web/ 或 packages/dify-ui/ 下编写或修改 Vitest、React Testing Library 测试时使用，或用户明确要求制定前端测试策略（含评估现有策略）时使用。不适用于仅做前端代码审查、泛泛的可测试性讨论、Python 测试或 Cucumber/Playwright E2E。
io.github.microsoft/playwright/playwright-component-testing
使用内置故事画廊（story gallery）搭建 Playwright 组件测试——由内置 mount fixture 驱动 story 脚手架与画廊开发页，无需专用组件测试运行时。当被要求用 Playwright 对 React 或 Vue 组件做隔离测试，或从 @playwright/experimental-ct-react / -vue 迁移时使用。
io.github.supabase/supabase/studio-mock-api-tests
用 MSW 在网络层 mock API 请求来编写 Supabase Studio 组件测试。在编写或评审涉及 React Query hook 或 mutation 的组件测试，或把现有测试从 vi.mock('@/data/...') 迁移走时使用。涵盖 customRender + addAPIMock 模板，以及耗费大量调试时间的 jsdom/MSW 陷阱。
io.github.supabase/supabase/vercel-composition-patterns
易于扩展的 React 组合模式。适用于重构 boolean prop 泛滥的组件、构建灵活的组件库、设计可复用 API。当任务涉及 compound components、render props、context provider 或组件架构时触发。包含 React 19 的 API 变化。
io.github.supabase/supabase/studio-queries
Supabase Studio 数据获取的 React Query 规范。在 apps/studio/data/ 下编写或评审 query hook、mutation hook 或 query key 时使用，包括为新接口或资源加首个 fetch 或 mutation。涵盖 queryOptions 模式、keys.ts 结构、mutation hook 模板与命令式 fetch。
io.github.langgenius/dify/e2e-cucumber-playwright
在 e2e/ 下编写、修改或审查 Cucumber 与 Playwright 测试时使用，涵盖 feature 文件、step 定义、支撑代码、scenario 标签、定位器和断言。不适用于 Vitest、React Testing Library、后端测试或 E2E 套件之外的通用浏览器自动化。
vcanary
io.github.lobehub/lobehub/design-prototype
用 LobeHub 真实设计系统（@lobehub/ui + antd + antd-style token）与生产风格 React 产出可交互的单文件 HTML 设计原型，无需构建步骤，浏览器直接打开。当被要求为某个页面或流程出设计原型/可交互 mockup/交互原型/设计稿 HTML，或在投入实现前探索重设计时使用。
io.github.code-yeongyu/oh-my-openagent/frontend
用于前端/Web UI/UX/视觉相关工作时务必使用：构建、样式、重设计页面或组件、React 配置、性能审计、视觉 QA、品味与打磨。会路由到四套规则集：设计品味 router 与品牌参考、面向 Playwright/Chromium 的 Lighthouse/Core Web Vitals 完美规则、ui-ux-db 调色板/字体/规范、designpowers 人设/可访问性/评审/交付；外加仅用 curl 的 lazyweb 真实应用界面研究与 beui.dev 交互目录。触发词：frontend、UI、UX、design、redesign、styling、layout、animation、motion、interaction、micro-interaction、make it feel alive、premium、luxury、minimal、brutalist、Awwwards、DESIGN.md、mockup、React、Lighthouse、accessibility、WCAG、Core Web Vitals、looks generic、make it pretty、like X brand、lazyweb、design research。
io.github.upstash/context7/context7-mcp
当用户询问库、框架、API 参考或需要代码示例时使用本技能。在安装配置问题、涉及库的代码生成,或提到 React、Vue、Next.js、Prisma、Supabase 等具体框架时激活。
io.github.nexu-io/open-design/web-clone
网站复刻 / 克隆方法论。USE WHEN 用户说 复刻网站、克隆网站、clone website、抄个站、仿站、 照着这个站做一个、reproduce site、还原某个网页效果、把这个站搬下来改成我的、 复刻某个交互/WebGL/Canvas/Three.js 效果。提供「先拿真源码 → 判路径 → 逆向拆解 → 搭工程 → 替换内容」的可移植决策树，覆盖静态站 / React-Vue-Next 内容站 / WebGL-Canvas 重前端站三大分支，并强制核对任何 AI 二手分析里的可执行代码。
io.github.nexu-io/open-design/artifacts-builder
用于创建精致的多组件 claude.ai HTML 制品的工具集，采用现代前端技术（React、Tailwind CSS、shadcn/ui）。
io.github.nexu-io/open-design/open-design-homepage
对线上 open-design.ai 主页的像素级忠实、自包含镜像——交互式 React Three Fiber / Next.js hero，含实时 3D 字标、贴纸拼贴、可变字体与滚动驱动动效。展示交互式网页营销页面视觉上限的第一方范例。
io.github.nexu-io/open-design/web-artifacts-builder
使用 React 与 Tailwind 构建复杂的 claude.ai HTML 制品。Anthropic 的参考工作流，用于交付可嵌入的丰富制品。
io.github.nexu-io/open-design/remotion
基于 React 的程序化视频创作。适用于品牌讲解片、社媒剪辑、仪表盘转视频与可复现的动效图形。
io.github.nexu-io/open-design/frontend-design
创建具有独特风格、生产级质量的前端界面：强视觉主张、精致排版、考究布局，并交付可运行的 HTML/CSS/JS 或框架代码。适用于网站、落地页、仪表盘、React 组件、应用界面与 UI 美化。
io.github.heroui-inc/heroui/heroui-native
HeroUI Native 组件库，用于 React Native（通过 Uniwind 使用 Tailwind v4）。在基于 HeroUI Native 构建移动端 UI——创建 Button、Card、TextField、Dialog，安装 heroui-native，配置深浅色主题，或获取组件文档时使用。关键词：HeroUI Native、heroui-native、React Native UI、Uniwind、移动端组件。
io.github.affaan-m/ECC/motion-foundations
基于 motion/react 为 React/Next.js 提供动效令牌、弹簧预设、性能规则、设备适配、无障碍强制约束与 SSR 安全实践。属于基础层，其他动效相关技能都依赖它。当在 React 或 Next.js 中配置动效令牌、弹簧预设、减弱动效处理或 SSR 安全的动画时使用。
io.github.affaan-m/ECC/remotion-video-creation
Remotion 最佳实践——在 React 中创作视频。包含 29 条领域专属规则，覆盖 3D、动画、音频、字幕、图表、转场等。当用 Remotion 在 React 中制作视频时使用，如涉及动画、音频、字幕、图表或转场。
io.github.affaan-m/ECC/motion-patterns
面向 React/Next.js 的生产级动画模式——按钮、弹窗、Toast、交错动画、页面过渡、退出动画、滚动与布局动画——基于 motion-foundations 的令牌与弹簧配置构建。当为 React 或 Next.js 中的具体 UI 元素添加动画时使用，如按钮、弹窗、Toast、交错动画、页面过渡或滚动。
io.github.affaan-m/ECC/motion-advanced
React/Next.js 的高级动效模式——拖放、手势、文本动画、SVG 路径绘制、自定义 hook、命令式动画序列（useAnimate）、加载指示器，以及完整的 API 选择决策树。依赖 motion-foundations。当在 React 或 Next.js 中实现拖放、手势、文本或 SVG 动画，或命令式动画序列时使用。
io.github.affaan-m/ECC/frontend-patterns
面向 React、Next.js 的前端开发模式，涵盖状态管理、性能优化与 UI 最佳实践。当构建或审阅 React、Next.js 的组件、状态或渲染性能时使用。
io.github.upstash/context7/context7-mcp
通过 Context7 MCP 服务器获取最新的按版本区分的库文档和代码示例。用户询问任何库、框架、SDK、API、CLI 工具或云服务(含 API 语法、配置、安装说明、版本迁移、CLI 用法、库特定调试)时使用;调用第三方库生成代码时使用;用户指明版本(如 Next.js 15、React 19)时使用。React、Vue、Next.js、Prisma、Supabase、Express、Tailwind、Django、Spring Boot 等知名库同样适用,因为训练数据可能未反映最新变化。库文档优先于网络搜索。不用于:重构、从零编写脚本、业务逻辑调试、代码审查、通用编程概念,或用户已提供相关文档时。
io.github.kortix-ai/suna/kortix-apps
通过预认证的 CLI 或 SDK 部署并运维厂商中立的 Kortix Apps。当用户要求发布、托管、部署、预览、检视、唤醒、暂停、回滚、调试或移除 HTML/CSS/JavaScript、静态 SPA、Vite 或 React 源码、Next.js、Dockerfile 服务或 OCI 镜像至稳定的 Kortix URL 时使用。
