Development · For frontend developers

Scans React code for lint, accessibility, bundle size and architecture issues, reports a health score and checks that changes do not lower it.

makeplane/plane

Guides work on React Router apps by first identifying whether the app uses Framework, Data or Declarative mode, then loading the matching reference and the installed package docs.

remix-run/react-router

Sets patterns for React interfaces: when to show loading spinners or skeletons, how to surface errors, how to disable buttons during async work and how to handle empty lists.

ChrisWiles/claude-code-showcase

Refactor high-complexity React components in Langflow frontend.

langflow-ai/langflow

Guides an agent through using @pierre/diffs to render syntax-highlighted files and diffs, and to build editing and review surfaces in React or plain JavaScript.

pierrecomputer/pierre

React and Next.js performance optimization guidelines from Vercel Engineering.

sanity-io/sanity

Filter large Sentry Scraps design-system migration PRs for review by separating mechanical import-path changes, generated baseline updates, snapshot mocks, and pure renames from substantive…

getsentry/sentry

Reviews frontend changes under `web/` or `packages/dify-ui/` for concrete defects and broken project contracts, using routed rule packs and a severity scale for findings.

langgenius/dify

Enforces one repository's React and TypeScript module layout for code under src/: source-root imports, feature barrels, deliberate exports and no deep imports.

siteboon/claudecodeui

Use when implementing or refactoring React/TypeScript components and the task requires decisions about component ownership, feature boundaries…

langgenius/dify

Scaffolds, extends and verifies local-first JavaScript and TypeScript apps built on TinyBase, from create-tinybase through persistence and sync.

tinyplex/tinybase

Guidelines for React 18 and TypeScript apps covering Suspense data fetching, lazy loading, feature folders, MUI v7 styling, TanStack Router and performance.

diet103/claude-code-infrastructure-showcase

A playbook for fixing ESLint and TypeScript errors in the OpenObserve web frontend, with rule-by-rule guidance and typing conventions.

openobserve/openobserve

Build or update an interactive isometric map of a repository's architecture — buildings sized by real measurements, neighborhoods by subsystem, animated flows tracing actual call paths, and a drift…

almendili/skills

Analyzes V8, Chrome and Electron .heapsnapshot files with Node scripts to find memory leaks, detached DOM nodes and the retainer paths that keep objects alive.

keybase/client

Prepares an npm release of ant-design-mobile up to the version commit, then tags and publishes the GitHub Release after you run the publish command yourself.

ant-design/ant-design-mobile

Analyzes Chrome or Electron DevTools Performance trace exports with Python scripts to find where render time actually goes, without opening DevTools.

keybase/client

A skill your agent uses when the user wants to translate a repository README, make a repo multilingual, localize docs, add a language switcher, internationalize the README, or update localized…

Y80/bmm

Guides changes to the @handsontable/angular-wrapper package: the HotTableComponent lifecycle, NgZone performance handling, settings services and the ng-packagr build.

handsontable/handsontable

A skill your agent uses when maintaining the moonbitlang/moonbit-docs repository, including Sphinx docs under next/, MoonBit examples under next/sources/, error-code documentation, gettext…

moonbitlang/moonbit-docs

Builds and validates experimental WebMCP tools that expose a web page's real workflows to agents, with a manifest, init script and evals compared against accessibility-tree automation.

vercel-labs/agent-browser

Create professional, dark-themed architecture diagrams as standalone HTML files with SVG graphics.

smallnest/pigo

Writes or updates the classnames front matter that renders the class table at the end of a Tabler component docs page.

tabler/tabler

Comprehensive guide to Antigravity Manager architecture, workflows, and development.

Draculabo/AntigravityManager

React performance optimization guidelines from Mastra Engineering.

mastra-ai/mastra

Design and improve user interfaces using the concrete rules from Refactoring UI (Wathan & Schoger) — constrained spacing/type/color/shadow scales, visual hierarchy through weight and color rather…

s0xDk/refactoring-ui-skill

Generates Angular code and provides architectural guidance. An agent skill from mxtommy/Kip.

mxtommy/Kip

Build new shadcn-style components for Plate's registry and editor surfaces.

udecode/plate

Guidance for changing the Tabler framework's own JavaScript in core/js: the tabler.js and tabler-theme.js bundles, the Bootstrap port and their tests.

tabler/tabler

Build, review, and troubleshoot RTDF React applications using exact component APIs, themes, icons, localization, and scaffolding.

any-tdf/any-tdf

Fix violations of an eslintPluginScraps rule across the codebase.

getsentry/sentry

Core entry-point router, orchestrator, and reference manual for all Atomico.js tasks.

atomicojs/atomico

Vue Material Component Framework. An agent skill from logue/vite-vuetify-ts-starter.

logue/vite-vuetify-ts-starter

A skill your agent uses to generate well-branded interfaces and assets for fast-agent, either for production or throwaway prototypes/mocks/etc.

evalstate/fast-agent

Build, review, and troubleshoot STDF Svelte 5 applications using exact component APIs, themes, icons, localization, and scaffolding.

any-tdf/any-tdf

Design and build native-feeling macOS application UIs. An agent skill from ceorkm/macos-design-skill.

ceorkm/macos-design-skill

Decision guide for antd 6.x, Ant Design Pro 5/ProComponents, Ant Design X v2, and the offline @ant-design/cli.

kqcoxn/MaaPipelineEditor

Create, build, deploy, and localize declarative agents for M365 Copilot and Teams.

microsoft/work-iq

Best practices for building UI with Jetpack Compose, focusing on state hoisting, detailed performance optimizations, and theming.

Moustachauve/WLED-Android

Create or refine spec-superflow planning artifacts. An agent skill from MageByte-Zero/spec-superflow.

MageByte-Zero/spec-superflow

Shows how to use @pierre/highlights for syntax-highlighted HTML or tokens, streaming and incremental tokenizing, and Zed-compatible themes with CSS variables.

pierrecomputer/pierre

Kaizen UI (KUI) component library and design-pattern advisor for NVIDIA applications.

NVIDIA/Personal-AI-Router

Authors OrchardCore documentation — MkDocs Material pages, module README docs, nav entries, admonitions, tabbed content, and redirects.

OrchardCMS/OrchardCore

A skill your agent uses when adding or refactoring EasyPostman modules, shared code, plugin contracts, UI utilities, i18n, settings, theme/font handling, or deciding where a class belongs.

lakernote/easy-postman

One-shot efficiency audit of a file, diff, or whole repo across BOTH axes at once: over-engineered code (reinvented stdlib, needless abstractions, speculative config) AND bloated prose (verbose…

JayPokale/Chisle

This skill should be used when the user wants to "write agent code", "build an agent with ADK", "add a tool", "create a callback", "define an agent", "use state management", or needs ADK (Agent…

pifferologo/cloud-agents-cli

Avoid direct React useEffect usage when writing or reviewing React components and hooks.

fastrepl/anarlog

Build, review, and troubleshoot VTDF Vue 3 applications using exact component APIs, themes, icons, localization, and scaffolding.

any-tdf/any-tdf