搜索「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/越狱绕过、流量拦截）以及隐私测试。

io.github.PostHog/posthog/writing-kea-logics

编写或评审 PostHog kea 逻辑文件（*Logic.ts/*Logic.tsx）的指南。适用于新建 logic、添加 actions/reducers/selectors/listeners/loaders/forms/router 绑定、在 reducer/selector/cache 之间取舍、在 listeners 与 kea-subscriptions 之间抉择、用 useValues/useActions/BindLogic 衔接 React，或熟悉 kea 约定。上游 API 请查 keajs.org；本技能记录 PostHog 特有的约定与惯用法。

io.github.PostHog/posthog/diagnosing-stacktrace-symbolication

帮助用户调试 PostHog Error Tracking 在任意受支持平台上的堆栈跟踪符号化——JavaScript/TypeScript Web、React Native（Hermes）、Android（Proguard / R8）或 iOS / macOS（dSYM）。PostHog 的 symbol-set 查询流程跨平台通用；构建工具与产物细节见各平台参考文档（JavaScript 篇已完善，其余将随问题出现逐步补充）。当上传符号后堆栈帧仍是压缩混淆的、symbol set 显示 last_used 但帧不可读、chunk ID 或 dSYM UUID 不匹配、出现“Token not found”、上传的 source maps / dSYMs / Proguard 映射看似为空，或需要排查打包器/符号上传配置时使用。

io.github.asgeirtj/system_prompts_leaks/design-sync

将 React 设计体系推送到 claude.ai/design。运行一个转换器,打包真实组件代码(来自 Storybook 或独立包)并上传。当用户执行 /design-sync 或说 "sync my design system to Claude Design" 时使用。

io.github.HoangNguyen0403/agent-skills-standard/typescript-security

保护服务端 TypeScript 的输入、认证令牌与注入边界。用于 API/请求校验、数据净化、密钥与敏感配置；纯客户端的 React 表单校验与通用 linting 不在此列。

io.github.HoangNguyen0403/agent-skills-standard/typescript-security

保护服务端 TypeScript 的输入、认证令牌与注入边界。用于 API/请求校验、数据净化、密钥与敏感配置；纯客户端的 React 表单校验与通用 linting 不在此列。

io.github.HoangNguyen0403/agent-skills-standard/nextjs-testing

为 Next.js 项目编写基于 React Testing Library 的 Jest 或 Vitest 单元测试，以及 Playwright E2E 测试。用于用 RTL 测试组件、用 MSW 模拟 API，或编写 Playwright 用户流程测试。

io.github.HoangNguyen0403/agent-skills-standard/nextjs-server-components

在 Next.js App Router 中构建异步 React Server Components，并把 'use client' 边界放在叶子节点承载交互。用于判定 RSC 与客户端组件的取舍、将服务端数据组合进客户端包装组件，或修复水合（hydration）错误。

io.github.clockworklabs/SpacetimeDB/typescript-client

SpacetimeDB TypeScript/React 客户端 SDK 参考。用于构建连接 SpacetimeDB 的 Web 客户端。

io.github.code-yeongyu/lazycodex/frontend

前端/Web UI/UX/视觉类工作必须使用：构建、样式设计、页面或组件重设计、React 环境搭建、性能审计、视觉 QA、品味与打磨。内含四套规则：design taste 路由器与品牌参考；perfection（Playwright/Chromium、Lighthouse、Core Web Vitals）；ui-ux-db 配色/字体/规范；designpowers 用户画像/无障碍/评审/交付；以及仅用 curl 的 lazyweb 真实应用截屏研究，用于确定设计方向。触发词：frontend、UI、UX、design、redesign、styling、layout、animation、motion、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.diet103/claude-code-infrastructure-showcase/frontend-dev-guidelines

React/TypeScript 应用的前端开发准则。包含 Suspense、懒加载、useSuspenseQuery、按 features 目录组织文件、MUI v7 样式、TanStack Router、性能优化与 TypeScript 最佳实践等现代模式。在创建组件、页面、功能模块、拉取数据、写样式、路由或处理前端代码时使用。