React components

Splits a heavy front-end domain into capability atoms that each host imports separately, sinking state into each atom instead of adding mode or readOnly flags.

lobehub/lobehub

Shows how to build modals, dialogs and confirmations in LobeHub with the base-ui imperative API (createModal, confirmModal, ModalHost) instead of declarative Modal components.

lobehub/lobehub

Covers writing backend Trigger.dev tasks with @trigger.dev/sdk: defining task() and schemaTask(), the run function and its ctx, retries, waits, queues and concurrency, idempotency keys, run…

VladSez/easy-invoice-pdf

A skill your agent uses when adding JSDoc type definitions to React components in Tonic UI.

trendmicro-frontend/tonic-ui

Web UI accessibility lead. An agent skill from Community-Access/accessibility-agents.

Community-Access/accessibility-agents

Phase 2 of building an Inkline component — write the .ink.tsx source.

inkline/inkline

Rules for building dropdowns, popovers, tooltips and menus in the desktop app with @floating-ui/dom, covering portals, positioning, dismissal and ARIA state.

leookun/cursor-byok

Sets out how to write React components in LobeHub: which styling approach to use, which component libraries to prefer and in what order.

lobehub/lobehub

A skill your agent uses when reviewing, debugging, or cleaning up existing 8StarLabs UI usage.

8starlabs/ui

A skill your agent uses for frontend work in webapp (React/TypeScript, UI implementation, tests, and refactors).

streamband/hydra-srt

Form handling with React Hook Form and Zod validation. An agent skill from emanueleielo/deepagents-open-lovable.

emanueleielo/deepagents-open-lovable

Build AI agents on Cloudflare Workers using the Agents SDK. An agent skill from hodgef/apiker.

hodgef/apiker

Debug and teach agentic coding: a deterministic-first session timeline + cost report, with optional narrative polish and a standalone JSX visualiser.

bobmatnyc/claude-mpm

用于使用现代前端 Web 技术（React、Tailwind CSS、shadcn/ui）创建复杂的、多组件的 claude.ai HTML artifact 的工具套件。适用于需要状态管理、路由或 shadcn/ui 组件的复杂 artifact - 不适用于简单的单文件 HTML/JSX artifact。

LeastBit/Claude_skills_zh-CN

Generate snapshot test files for Sentry frontend React components.

getsentry/sentry

Create or update component documentation in Sentry's MDX stories format.

getsentry/sentry

Write and review React/TypeScript tests for Sentry's frontend using Jest and React Testing Library.

getsentry/sentry

Write, refactor, or review tests in the Remix repository. An agent skill from remix-run/remix.

remix-run/remix

How to build UI in this repo — compose classes with cn, use the CSS-variable design tokens (never raw hex/px), reuse the typographic and ui/ primitives, and define variants with cva like the…

flornkm/personal-site

Reviews a code change for correctness, security, maintainability, architecture, performance, and verification gaps, or performs a local code-smell review.

hylarucoder/hai-stack

Frontend development skill for React, Next.js, TypeScript, and Tailwind CSS applications.

alirezarezvani/claude-skills

Styling and layout guide for Saleor Apps using modern macaw-ui and @saleor/apps-ui-next.

saleor/apps

A skill your agent uses when creating or modifying React components.

programming-in-th/programming.in.th

Guided, scripted pipeline for running JSX/TSX/React codemods safely across large legacy codebases.

pproenca/dot-skills

End-to-end workflow for building a new Terrae component from scratch

alamenai/terrae

Step 4 of the AI Video Editor pipeline — the SFX pass. An agent skill from hassancs91/claude-youtube-editor.

hassancs91/claude-youtube-editor

Integrate a new component into the Sona UI library end to end — the full per-component pipeline of writing the component, demo, docs, registry entry, nav link, playground controls, regenerating the…

Dinil-Thilakarathne/sona-ui

Unit/integration testing standards for RedisInsight using Jest and Testing Library: test structure, the renderComponent helper, faker for test data, mocking patterns, and waitFor instead of fixed…

redis/RedisInsight

Applies React/TypeScript type safety, component design, and state management rules.

shinpr/ai-coding-project-boilerplate

Creates unique, production-grade frontend interfaces with exceptional design quality.

YYH211/Claude-meta-skill

Build, restyle, or review accessible React interfaces that use shadcn/ui, Radix UI primitives, and Tailwind CSS.

LiarMTTT/TavernWeave

Turns Stitch screens into a React, Vite and TypeScript dashboard with TanStack Query data fetching, DESIGN.md tokens as CSS variables and optional read-only Web3 data.

google-labs-code/stitch-skills

Framer Motion (Motion) patterns for React: spring presets, staggers, layout animations, micro-interactions, scroll effects and page transitions, with performance rules.

dylanfeltus/skills

Write E2E tests for BEEQ StencilJS components using @stencil/vitest in browser mode (Playwright/Chromium).

Endava/BEEQ

The .ink.tsx authoring API — defineComponent, the compiler macros (defineProps, defineModel, defineEmits, defineSlot, hasSlot), signals, control flow, slots, two-way binding, events — plus…

inkline/inkline

UI/UX design rules, Atomic Design placement, design tokens, component conventions, and responsive patterns for the Moca frontend.

aws-samples/sample-multi-agent-orchestration-chat-on-agentcore

Review React/Next.js code against the real vercel-react-best-practices skill, backlog the performance findings keyed to actual rule ids + impact tiers, rank the most over-subscribed tiers, then fix…

ragnar-pwninskjold/tech-snacks

This skill should be used when a learner is working through Module 1 ("Build an Agent") of the Build-an-Agent workshop and wants help understanding the concepts, notebooks, or code — e.g.

brevdev/workshop-build-an-agent

Create or update an HTML component specification (.spec.tsx) in the HTML package.

telerik/kendo-themes

Author and migrate the slots / slotProps API (the useSlot hook) in this design system's React components — the architecture where slots.x replaces an internal part and slotProps.x merges props into…

trendmicro-frontend/tonic-ui

Contains TypeScript/React patterns and conventions for the Mikoto frontend.

mikotoIO/mikoto

Full Sentry SDK setup for React Router Framework mode. An agent skill from getsentry/sentry-for-ai.

getsentry/sentry-for-ai

Guides ccusage TypeScript and JavaScript work. An agent skill from ccusage/ccusage.

ccusage/ccusage

Review React UI without editing code. An agent skill from videojs/video.js.

videojs/video.js

Review React component designs. An agent skill from videojs/video.js.

videojs/video.js

Write, refactor, or review TypeScript code with strict, precise, maintainable types and without unnecessary any, type assertions, or type suppressions.

remix-run/remix

A skill your agent uses when building or reviewing FaasJS React UI, especially @faasjs/ant-design pages, useFaas, useFaasStream, faas requests, CRUD screens, Table faasData, Description faasData…

faasjs/faasjs

Official daisyUI component library skill. An agent skill from carverauto/serviceradar.

carverauto/serviceradar