React 本地存储与键盘导航
io.github.HKUDS/OpenSpace/react-localstorage-keyboard-nav
创建带有 localStorage 持久化与键盘导航支持的 React 组件。
“React” 共 472 个结果
io.github.HKUDS/OpenSpace/react-localstorage-keyboard-nav
创建带有 localStorage 持久化与键盘导航支持的 React 组件。
io.github.gilbarbara/react-joyride/react-joyride
实现、配置和调试 React Joyride v3 引导 tours 的指南。当用户提到 joyride、引导 tour、新手引导、walkthrough、tooltip tour、分步指南、产品 tour,或希望按顺序高亮 UI 元素时使用。也在调试 tour 问题时使用,如 tooltip 不出现、找不到目标或受控模式问题。涵盖 useJoyride hook、Joyride 组件、step 配置、事件、控件、自定义组件和样式。
io.github.TanStack/router/react-router
TanStack Router 的 React 绑定:RouterProvider、useRouter、useRouterState、useMatch、useMatches、useLocation、useSearch、useParams、useNavigate、useLoaderData、useLoaderDeps、useRouteContext、useBlocker、useCanGoBack、Link、Navigate、Outlet、CatchBoundary、ErrorComponent。涵盖 hook、provider、SSR hydration 及带 forwardRef 的 createLink 等 React 专属模式。
io.github.polarsource/polar/vercel-react-best-practices
来自 Vercel 工程团队的 React 与 Next.js 性能优化指南。在编写、审查或重构 React/Next.js 代码以确保最优性能模式时使用。涉及 React 组件、Next.js 页面、数据获取、包体积优化或性能改进的任务会触发本技能。
io.github.gsd-build/gsd-2/react-best-practices
来自 Vercel 工程团队的 React 与 Next.js 性能优化指南。在编写、审查或重构 React/Next.js 代码时使用,以确保最佳性能模式。触发于涉及 React 组件、Next.js 页面、数据获取、包体积优化或性能改进的任务。
io.github.Dimillian/Skills/react-component-performance
分析并优化 React 组件性能问题(渲染缓慢、重渲染抖动、列表卡顿、开销大的计算)。当被要求剖析或改进某个 React 组件、减少重渲染,或加快 React 应用的 UI 更新时使用。
io.github.CherryHQ/cherry-studio/vercel-react-best-practices
来自 Vercel 工程团队的 React 与 Next.js 性能优化指南。在编写、审查或重构 React/Next.js 代码以确保最优性能模式时使用。涉及 React 组件、Next.js 页面、数据获取、包体积优化或性能提升的任务触发。
io.github.marmelab/react-admin/i18n
为 react-admin 或 shadcn admin kit 应用做国际化的指南。在添加 i18n 支持、创建翻译文件、翻译 JSX 中硬编码的英文字符串,或审查 react-admin 项目的 i18n PR 时使用。涵盖命名空间约定、插值、复数形式、区域感知格式化,以及把仅英文应用改造为多语言的完整流程。只要用户在 react-admin 或 shadcn admin kit 语境中提到 i18n、国际化、翻译、本地化、语言切换或多语言,即使只是说翻译这个组件或添加法语支持,也要触发本技能。
io.github.ECNU-ICALK/AutoSkill/react-code-refactoring-with-eslint-rules
根据用户提供的具体 ESLint 规则或文档重构 React 代码片段,优先采用精简实现与兼顾无障碍的统一事件处理器。
io.github.ECNU-ICALK/AutoSkill/refactor-react-select-to-react-select-with-dark-theme
把原生 HTML select 下拉框迁移到 react-select 库,应用黑色背景主题并处理 onChange 事件签名的差异。
io.github.ECNU-ICALK/AutoSkill/refactor-globe-configuration-to-react-props
将命令式的 three-globe 配置链重构为基于 globe.gl 的声明式 React 组件,以 props 接收可视化参数。
io.github.mengxi-ream/read-frog/vercel-react-best-practices
来自 Vercel 工程团队的 React 与 Next.js 性能优化指南。在编写、审查或重构 React/Next.js 代码以确保最优性能模式时使用。涉及 React 组件、Next.js 页面、数据获取、包体积优化或性能改进的任务会触发本技能。
io.github.vercel-labs/json-render/react-three-fiber
json-render 的 React Three Fiber 3D 渲染器。在使用 @json-render/react-three-fiber、从 JSON spec 构建 3D 场景、渲染网格/灯光/模型/环境,或将 Three.js 与 json-render 目录集成时使用。
io.github.dataelement/bisheng/react-component-refactor
通过抽取 hook、拆分子组件并按既有模式组织目录结构,重构大型 React 组件。
io.github.vercel-labs/json-render/react-pdf
json-render 的 React PDF 渲染器。在使用 JSON spec 生成 PDF 文档、处理 @json-render/react-pdf,或将 spec 渲染为 PDF 缓冲区/流/文件时使用。
io.github.vercel-labs/json-render/react-email
json-render 的 React Email 渲染器,使用 @react-email/components 与 @react-email/render 将 JSON spec 转换为 HTML 或纯文本邮件。在使用 @json-render/react-email、从 JSON 构建事务性/营销邮件、创建邮件目录、渲染 AI 生成的邮件 spec,或用户提到 react-email、HTML 邮件、事务性邮件时使用。
io.github.vercel-labs/json-render/react-native
json-render 的 React Native 渲染器,将 JSON spec 转换为原生移动 UI。在使用 @json-render/react-native、从 JSON 构建 React Native UI、创建移动组件目录或在移动端渲染 AI 生成的 spec 时使用。
io.github.getsentry/sentry/react-component-documentation
按 Sentry 的 MDX stories 格式创建或更新组件文档。当被要求“document a component”“add stories”“write component docs”“create an mdx file”“add a stories.mdx”,或为设计系统组件编写文档时使用。生成结构化 MDX,包含实时示例、无障碍指引,以及由 TypeScript 类型自动生成的 API 文档。
io.github.dinerojs/dinero.js/vercel-react-best-practices
来自 Vercel 工程团队的 React 与 Next.js 性能优化指南。在编写、审查或重构 React/Next.js 代码时使用,以确保最佳性能模式。触发于涉及 React 组件、Next.js 页面、数据获取、包体积优化或性能改进的任务。
io.github.tech-leads-club/agent-skills/react-composition-patterns
可扩展的 React 组合模式。在重构布尔 prop 泛滥的组件、构建灵活的组件库或设计可复用 API 时使用。涉及复合组件、render props、context provider 或组件架构的任务会触发。包含 React 19 API 变化。不要用于 React/Next.js 性能优化(改用 react-best-practices)。
io.github.tech-leads-club/agent-skills/react-best-practices
来自 Vercel 工程团队的 React 与 Next.js 性能优化准则。在编写、审查或重构 React/Next.js 代码以确保最优性能模式时使用。涉及 React 组件、Next.js 页面、数据获取、包体积优化或性能提升的任务会触发。不要用于组件 API 架构与组合模式(改用 react-composition-patterns)。
io.github.RightNow-AI/openfang/react-expert
面向 hooks、状态管理、Server Components 与性能优化的 React 专家。
io.github.tech-leads-club/agent-skills/react-native-expert
资深 React Native 与 Expo 工程师,负责打造可上生产的跨平台移动应用。用于编写 React Native 组件、用 Expo Router 实现导航、优化列表与滚动性能、通过 Reanimated 处理动画、编写平台特定代码(iOS/Android)、集成原生模块或组织 Expo 项目。触发词:React Native、Expo、移动应用、iOS 应用、Android 应用、跨平台、原生模块、FlatList、FlashList、LegendList、Reanimated、Expo Router、移动性能、应用商店。不要用于 Flutter、纯 Web 的 React 或后端 Node.js 任务。
io.github.PostHog/posthog/react-doctor
诊断并修复 React 代码库的健康问题。用于评审 React 代码、修复性能问题、安全审计或提升代码质量。