搜索「React」的结果

io.clawhub.ivangdavila/react

构建、调试并审查 React 应用：组件、hooks、状态、Server Components、表单、性能与测试。在编写或重构组件、选择状态管理（useState、Context、Zustand、TanStack Query、Redux）、组件过度重渲染或死循环（too many re-renders）、状态陈旧或不更新、出现 hydration 不匹配或 hook 顺序错误、effect 重复触发或 fetch 竞态、输入卡顿或长列表滚动缓慢、采用 React 19/Server Actions/React Compiler、用 Testing Library 测试组件、用 TypeScript 为 props 类型或审查 AI 生成的 React 代码时使用。不适用于 React Native（移动端）或 Next.js 路由与部署——请用 react-native 或 nextjs。

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

react-native-dev

io.github.MiniMax-AI/skills/react-native-dev

React Native 与 Expo 开发指南，覆盖组件、样式、动画、导航、状态管理、表单、网络请求、性能优化、测试、原生能力与工程化（项目结构、部署、SDK 升级、CI/CD）。适用场景：构建 React Native 或 Expo 应用、实现动画或原生 UI、管理状态、拉取数据、编写测试、优化性能、上架 App Store/Play Store、配置 CI/CD、升级 Expo SDK、配置 Tailwind/NativeWind。

React 专家 React Expert

v0.1.0

io.clawhub.veeramanikandanr48/react-expert

在构建需要组件架构、Hook 模式或状态管理的 React 18+ 应用时使用。涉及 Server Components、性能优化、Suspense 边界、React 19 特性时调用。

io.clawhub.wpank/react-best-practices

来自 Vercel 工程团队的 React 与 Next.js 性能优化指南。涵盖 8 个类别共 57 条规则，用于编写、审查和重构 React 代码。

io.clawhub.christina-de-martinez/react-email-skills

在用 React 组件构建 HTML 邮件模板、用 React Email 可视化编辑器为应用添加邮件可视化编辑器、渲染邮……等场景下使用。

io.clawhub.ivangdavila/react-native

使用 React Native 组件、导航与原生模块，构建高性能的跨平台移动应用。

io.clawhub.analsharqy/react-best-practices-2

来自 Vercel 工程团队的 React 与 Next.js 性能优化准则。在编写、审查或重构 React/Next.j... 代码时使用。

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 变更的界面时使用。