搜索「React」的结果

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 时使用。

io.github.vercel/next.js/sandbox-bench

在 Vercel Sandbox VM 上以配对 A/B 统计对 React 或 Next.js 改动做基准测试：react PR/commit 对比 base，或 Next.js PR/commit 对比 base，经由 bench/render-pipeline 应用做端到端测量（rps、延迟、p95；如 Next 侧采集则含 TTFB、RSS 及 document/Flight 字节），React 改动还会走 react 仓库的 flight-ssr-bench fixture（Node 与 Edge web-streams 路径、Fizz 与 Flight+Fizz）。当用户要求 bench、性能测试或 A/B 一个 React PR、react-server-dom / Flight / vendored React 改动、或 Next.js PR（如“这个 PR 更快吗”“会不会让 RSC 退化”“量化 <commit> 的性能影响”）时即可使用——凡是量化两个版本间服务端性能差异的请求都属于此场景。远端运行（不占用笔记本），测量前先过正确性闸门，并给出 boot 级别的置信区间。

io.github.grafana/grafana/add-e2e-selectors

为 Grafana 前端的交互元素和关键容器添加可靠的 @grafana/e2e-selectors。为 React 组件添加 e2e 选择器、data-testid 或测试选择器，或文件和组件缺少测试选择器、需要让元素可测试时使用。收到 Grafana Pathfinder 交互指南（guide 目录或 content.json）要求审计修复时也可用——它会提取指南的 reftarget 选择器，识别薄弱项并在 Grafana 的 JSX 源头修复。在 e2e-selectors 包中定义版本化选择器并把 data-testid 接入 JSX。接受文件路径、目标列表、目录、pathfinder 指南或当前打开的文件。

io.github.upstash/context7/find-docs

为任意开发者技术检索最新文档、API 参考和代码示例。只要用户询问特定库、框架、SDK、CLI 工具或云服务——包括 React、Next.js、Prisma、Express、Tailwind、Django、Spring Boot 等知名库——就使用本技能,因为训练数据可能未反映最近的 API 变更或版本更新。以下情况务必使用:API 语法问题、配置项、版本迁移问题、提到库名的 "how do I" 问题、涉及库特定行为的调试、安装说明,以及 CLI 工具用法。即使认为已知答案也应使用——不要依赖训练数据中的 API 细节、签名或配置项,务必对照当前文档核实;库文档与 API 细节优先于网络搜索。

io.github.upstash/context7/context7-docs

为任意库、框架、SDK、CLI 工具或云服务获取最新文档和代码示例。只要用户询问特定库——哪怕 React、Next.js、Prisma、Express、Tailwind、Django、Spring Boot 等常见库——都应使用,因为训练数据可能未反映最近的 API 变更或版本更新。以下情况务必使用:API 语法问题、配置项、版本迁移问题、提到库名的 "how do I" 问题、涉及库特定行为的调试、安装说明,以及 CLI 工具用法。即使你认为自己知道答案也要用——不要依赖训练数据中的 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.github/awesome-copilot/markstream-install

为 Vue、React、Svelte、Angular、Nuxt 和 Vue 2 应用安装并配置 Markstream 流式 Markdown 渲染器。用于包选型、最小化对等依赖、CSS 顺序、SSR 边界、流式模式以及渲染器配置。

io.github.first-fluke/oh-my-agent/oma-mobile

移动端专家，负责 Flutter、React Native 和 Swift 原生 iOS 开发。用于移动应用、Flutter、Dart、React Native、Swift、SwiftUI、iOS、Android、Riverpod、swift-openapi-generator 和 widget 相关工作。

io.github.first-fluke/oh-my-agent/oma-mobile

移动端专家，负责 Flutter、React Native 和 Swift 原生 iOS 开发。用于移动应用、Flutter、Dart、React Native、Swift、SwiftUI、iOS、Android、Riverpod、swift-openapi-generator 和 widget 相关工作。

io.github.transilienceai/communitytools/mobile-security

映射到 OWASP MASVS/MASTG 的移动应用安全测试（Android + iOS）——静态逆向（Flutter AOT、Unity IL2CPP、React Native/Hermes、原生 ARM64、Mach-O/Swift）、SAST（manifest/IPC、存储、加密、签名）、动态分析（Frida/objection、TLS 固定 + root/越狱绕过、流量拦截）以及隐私测试。