搜索「React」的结果

io.github.lobehub/lobehub/react

LobeHub React 组件约定。在编辑 TSX UI、于 base-ui 与 @lobehub/ui 及 antd 间做选择、用 antd-style 写样式、路由、桌面变体、布局与组件状态时使用。

io.github.vercel-labs/json-render/react

json-render 的 React 渲染器，将 JSON spec 转换为 React 组件。在使用 @json-render/react、从 JSON 构建 React UI、创建组件目录或渲染 AI 生成的 spec 时使用。

io.github.udecode/plate/react

React 模式：解构 props、编译器优化、Effects 与 Tailwind v4 语法。使用 React 时务必启用。

io.github.udecode/plate/react

React 模式：解构 props、编译器优化、Effects 与 Tailwind v4 语法。使用 React 时务必启用。

io.github.mengxi-ream/read-frog/react

json-render 的 React 渲染器，将 JSON spec 转换为 React 组件。在使用 @json-render/react、从 JSON 构建 React UI、创建组件目录或渲染 AI 生成的 spec 时使用。

io.github.getsentry/sentry/react-testing

使用 Jest 与 React Testing Library 为 Sentry 前端编写和审查 React/TypeScript 测试。在 static/ 中新增或编辑测试（*.spec.tsx）、编写组件/hook 测试、用 MockApiClient 模拟 API 响应、测试路由或网络请求，或被要求“write a frontend test”“add a React test”“test this component”“fix a flaky RTL test”时使用。

io.github.CopilotKit/CopilotKit/react-core

@copilotkit/react-core——在 Next.js App Router / React Router v7 / TanStack Start / SPA 应用中挂载 CopilotKit provider（来自 @copilotkit/react-core/v2），接入 CopilotChat/CopilotPopup/CopilotSidebar（v2 聊天组件由 react-core/v2 提供，而非仅有 CSS 的 react-ui），通过 useAgent/useAgentContext/useCapabilities 访问和订阅 agent，在多个 agent 间切换，用 useThreads 管理持久的 Intelligence 会话线程，通过 useFrontendTool 注册浏览器端工具，用 useRenderTool/useComponent/useDefaultRenderTool 渲染工具调用，用 useHumanInTheLoop 做执行门控，用 useAttachments 接入文件附件，配置建议词，以及注册活动与自定义消息渲染器。publicLicenseKey 为正式字段（publicApiKey 是已废弃别名）。按任务加载 references/ 下对应的参考文件。

io.github.supabase/supabase/react-hook-form

在 monorepo 内正确使用 React Hook Form——数据流、订阅、reset、脏状态、数字输入以及受控输入规则。在编写或修改任何表单代码、给已有表单加字段、使用 watch/useWatch/formState/getValues/setValue/reset、把表单接入 dialog 或 sheet、或实现提交/取消底栏之前先加载本 skill，即使改动看起来很简单。仓库中普遍存在 RHF 反模式，不加载本 skill 会照抄它们。表单布局与选用组件请再加载 studio-ui-patterns。

io.github.vercel-labs/agent-skills/react-view-transitions

使用 React 的 View Transition API（`<ViewTransition>` 组件、`addTransitionType` 以及 CSS 视图过渡伪元素）实现顺滑、接近原生体验动画的指南。只要用户想添加页面过渡、动画化路由切换、做共享元素动画、组件进出场动画、列表重排动画、前进/后退方向性导航动画，或在 Next.js 中集成视图过渡，就使用此技能。用户提到 view transitions、`startViewTransition`、`ViewTransition`、transition types，或询问如何不借助第三方动画库在 React 中做 UI 状态间动画时也应使用。

io.github.heroui-inc/heroui/heroui-react

HeroUI v3 React 组件库（Tailwind CSS v4 + React Aria）。在基于 HeroUI 构建 UI——创建 Button、Modal、表单、Card，安装 @heroui/react，用 oklch 变量配置深浅色主题，或获取组件文档时使用。关键词：HeroUI、Hero UI、heroui、@heroui/react、@heroui/styles。

io.github.supabase/supabase/react-hook-form

在 monorepo 内正确使用 React Hook Form——数据流、订阅、reset、脏状态、数字输入以及受控输入规则。在编写或修改任何表单代码、给已有表单加字段、使用 watch/useWatch/formState/getValues/setValue/reset、把表单接入 dialog 或 sheet、或实现提交/取消底栏之前先加载本 skill，即使改动看起来很简单。仓库中普遍存在 RHF 反模式，不加载本 skill 会照抄它们。表单布局与选用组件请再加载 studio-ui-patterns。

io.github.HKUDS/OpenSpace/react-localstorage-keyboard-nav

创建带有 localStorage 持久化与键盘导航支持的 React 组件。

io.github.mastra-ai/mastra/react-best-practices

来自 Mastra 工程团队的 React 性能优化指南。在编写、审查或重构 React 代码以保证最优性能模式时使用；涉及 React 组件、数据获取、包体积优化或性能改进的任务会触发。

io.github.vercel/next.js/react-sync

在 Next.js 消费的 bundle 变体中构建本地 React 改动，同步到本地 Next.js 检出并验证集成结果。当进行需要在 Next.js 中验证的 React 改动，或被要求执行 buildForNext、pnpm sync-react、或让 React 检出与 Next.js 保持同步时使用。

io.github.simstudioai/sim/react-query-best-practices

审查 React Query 的用法是否符合最佳实践——key 工厂、staleTime、mutation 以及服务端状态归属。

io.github.keybase/client/react-devtools-profile

在分析 React DevTools Profiler 导出（含 "dataForRoots"/"commitData" 的 .json）时使用——重渲染风暴、commit 扇出、“这个组件为何渲染”、send/interaction 渲染开销。不用于 Chrome Performance trace（其含 "traceEvents"——改用 electron-profile）。

io.github.fastrepl/anarlog/reactive-sqlite-ui

在 `apps/desktop` 中构建以 SQLite 为后端的响应式 UI，对读取、选择、表单、写入与加载状态采用稳定模式。在实现或审查基于 `useDrizzleLiveQuery` 与 SQLite 变更的界面时使用。

io.github.langfuse/langfuse/refactor-react-effects

重构 Langfuse 前端代码中可避免的 useEffect 用法。适用于：新增、评审或删除 effect；用查询数据初始化表单或本地 UI 状态；同步客户端与服务端状态；把 mutation 或异步工作流移出组件；清理某个前端子模块的全部 effect；或评审某个 effect 是否有合理的外部系统职责。

io.github.vudovn/ag-kit/nextjs-react-expert

来自 Vercel 工程团队的 React 与 Next.js 性能优化。在构建 React 组件、优化性能、消除瀑布流、减小包体积、审查性能问题或实现服务端/客户端优化时使用。

io.github.handsontable/handsontable/react-wrapper-dev

用于开发或修改 @handsontable/react-wrapper 包——React 组件、hooks、settings 映射、updateSettings 期间的选区保持，以及该封装的 TypeScript prop 类型与生成的 .d.ts。当任务触及 HotTableProps/HotColumnProps 类型或 <HotTable>/<HotColumn> 的 IDE 自动补全、声明构建，或反馈 React/TypeScript 用户得不到 prop 建议时使用——即便未显式提到该封装。

io.github.reactjs/react.dev/react-expert

在为文档研究 React API 或概念时使用。当你需要某个 React 特性的权威用法示例、注意事项、警告或错误说明时使用。

io.github.sickn33/antigravity-awesome-skills/code-showcase-react-ui-patterns

现代 React UI 模式，覆盖加载状态、错误处理与数据获取。在构建 UI 组件、处理异步数据或管理 UI 状态时使用。

io.github.affaan-m/ECC/react-native-patterns

React Native 与 Expo 应用模式——Expo Router 导航、状态分层（服务端/客户端/路由/表单）、结合 Zod 的 TanStack Query 数据获取、高性能列表、NativeWind/StyleSheet 样式、原生 API 与安全存储。当构建或修改 React Native/Expo 的页面、组件、导航或数据层时使用。

io.github.google-labs-code/stitch-skills/react-vite-dashboard

将 Stitch 设计稿转化为生产级 React + Vite 仪表盘，集成 TanStack Query、来自 DESIGN.md 的无障碍令牌，以及支持 Web3 的模式（ethers/viem）。