React agent skills, page 9

Skill for identifying code smells and refactoring code using Clean Code, SOLID, and DRY principles.

fike/fastapi-blog

Implement ChatJS tRPC routers, TanStack Query hooks, mutations, and cache invalidation.

FranciscoMoretti/chat-js

A skill your agent uses when 需要把现有 React、Vite、Next.js、V0 或 AI Studio 页面转换为 Figma Make 可导入的 .fig 资产，或补齐、更新、验证已有 Figma Make 导出壳和 canvas.fig。

lintendo/Axhub-Skills

Look up Spectrum 2 (S2) component documentation, design guidelines, and usage patterns when building with React Spectrum or Spectrum Web Components.

adobe/spectrum-design-data

Build PolyCSS scenes that render 3D meshes, primitive shapes, or custom polygons as DOM/CSS polygon elements.

layoutit/polycss

Search local Iconify JSON and use UnoCSS icon classes in the Open Flow repository.

oomol-lab/open-flow

NutUI React Taro 小程序 WXSS 编译超时修复：nutui-taro-demo 样式 bundle 合并、 删除无效 renderingMode、app-origin.wxss 体积治理。Use when 微信小程序报 [ WXSS 文件编译错误] something must be wrong、wcsc timeout、app-origin.wxss…

jdf2e/nutui-react

Generate AI videos using varg SDK React engine. An agent skill from vargHQ/sdk.

vargHQ/sdk

Manages lovdacn (lvcn) components and projects for Expo & React Native — adding, initializing, fixing, debugging, styling, theming, and composing UI with NativeWind or Uniwind.

lovdacn/ui

Build a new channel Connect button (e.g. An agent skill from novuhq/novu.

novuhq/novu

Test @data-client/react with renderDataHook and mountDataClient - jest unit tests, fixtures, interceptors, MockResolver, mock responses, nock HTTP mocking, fake timers for polling/subscription…

reactive/data-client

Think like a product manager before changing React Doctor's public surface — CLI commands/flags, the 0–100 score, config (doctor.config.), the JSON report schema, package APIs…

millionco/react-doctor

Expert code reviewer for TypeScript + React 19 applications.

SuFxGIT/scoutarr

Add a Figma Code Connect (.figma.tsx) file for a Cauldron React component.

dequelabs/cauldron

Writing, editing, and rendering Slab documents (.slab) — the declarative design language for app screens, posters, terminal UIs, and interactive components.

stencil-hq/slab

Optimizes a React Native app by profiling first to find real bottlenecks, then sweeping for mechanical issues.

bbplayer-app/BBPlayer

Conventions for the opentrons-ai-client React/TypeScript frontend — project structure, API integration, state management (Jotai), feature flags, types, and testing.

Opentrons/opentrons

使用 i18next-cli 检查、同步和整理本项目的国际化资源。涉及新增、修改、删除翻译键或国际化字符串，以及修复缺失翻译时使用。

huoshen80/ReinaManager

Optimize Next.js App Router data fetching by converting slow client-side fetching to fast server-side fetching using React Server Components (RSC).

julianromli/opencode-template

Build a Figma design from code or a description — the reverse of figma-codegen.

awdr74100/figwright

Composition patterns for building React components with @renders type annotations from eslint-plugin-react-render-types.

HorusGoul/eslint-plugin-react-render-types

Sets the rules for writing Handsontable documentation examples in JavaScript, TypeScript, React, Angular and Vue, with the imports, registration and licence key each needs.

handsontable/handsontable

Imperative scrolling for react-horizontal-scrolling-menu: scrollToItem(getItemById(id), behavior, inline, block), scrollNext/scrollPrev, apiRef for controlling the menu from outside (fire methods…

asmyshlyaev177/react-horizontal-scrolling-menu

Author and run a durable AI chat agent with chat.agent from @trigger.dev/sdk/ai: the per-turn run loop, why you MUST spread ...chat.toStreamTextOptions() first, returning a StreamTextResult vs…

VladSez/easy-invoice-pdf

A skill your agent uses when building Figma plugins, creating design automation tools, implementing sandbox/UI communication, or working with the Figma Plugin API for node manipulation, styles, and…

bergside/design-md-figma

Author or edit c15t documentation in docs//.mdx — the source for both the c15t.com site and the docs bundled into published packages.

c15t/c15t

Open a pull request for the current changes, then watch it to green — poll CI and the Greptile review together, addressing review findings as soon as they post instead of waiting for the full…

beyonders-studio/initiative

React and React Native file-system architecture patterns that scale.

fluid-design-io/payload-better-auth-starter

Build, repair, and verify charts in an existing Semiotic project, when Semiotic is explicitly requested, or when evaluating its documented capabilities against a visualization task.

nteract/semiotic

Automate the full application release flow for BrewMate, including committing local changes, bumping version, waiting for GitHub Actions release build, and pushing the in-repo cask update…

romankurnovskii/BrewMate

Use the daleui React design system with semantic Panda CSS tokens and accessible components.

DaleStudy/daleui

A skill your agent uses when reviewing, fixing CI for, approving workflows for, or merging AgentBro pull requests into dev/main, especially external contributor PRs where contributor attribution…

shirenchuang/agentbro

Implements KryptoGO Payment checkout integration including Payment Intent creation, React SDK usePayment hook, and Direct API integration.

paid-tw/skills

xsAI SDK v0.4.x API reference - extra-small AI SDK with OpenAI-compatible API

yusixian/moe-copy-ai

A skill your agent uses whenever the task involves browsing web pages, extracting page content, clicking forms, or completing web workflows.

JasonHonKL/Openbrowser

コミュニケーション診断ツール（commu-checker）の各タイプ向け、90日トレーニングコンテンツを生成するスキル。

kaku3/workbooks

Reach for the react-call library (createCallable) when building UI that resolves a value back to its caller — confirmations, dialogs, form modals, toasts, notifications, context menus, pickers.

zosmaai/zosma-cowork

Review the current PR branch and fix the findings in rounds until reviews come back clean.

cdklabs/cdk-nextjs

A skill your agent uses when writing or refactoring React + Tailwind v4 code in this repo.

mailtrap/mailtrap-local

A skill your agent uses when adding a new screen, route, or user-facing feature to the Ecency mobile React Native app, covering navigator registration, route params, i18n strings and styling.

ecency/vision-mobile

Open a panel in agentglass's own window, read what is open, or read and change one of its settings.

SirAllap/agentglass

为 React 项目建立从浏览器页面元素到精确 JSX/TSX 源码、结构化上下文与可审阅修改的 SpotPatch 工作流。用户提到 SpotPatch、截图沟通前端修改、页面元素定位源码、Vite 或 Next.js 接入、组件数据链路、结构化 Prompt、AI 补丁审阅、安装检查或故障排查时使用此技能。

huanglvjing/spotpatch

Build virtualized lists, grids, and tables with react-virtuoso.

petyosi/react-virtuoso

Help external users integrate Databuddy into their own apps.

databuddy-analytics/Databuddy

React Flow (@xyflow/react) for workflow visualization with custom nodes and edges.

shep-ai/shep

Create high-quality git commits: review/stage intended changes, split into logical commits, and write clear commit messages (including Conventional Commits).

bartstc/vite-ts-react-template

Expert-level JavaScript testing skill focused on writing high-quality tests that find bugs, serve as documentation, and prevent regressions.

softmaple/softmaple

Guides use of Anime.js for timeline sequences, stagger effects, SVG morphing and keyframe animation on DOM elements, CSS, SVG and JavaScript objects.

freshtechbro/claudedesignskills