React · For designers

A skill your agent uses for ANY work involving React, Next.js, TypeScript, or Tailwind in the browser layer.

avibebuilder/claude-prime

Suite of tools for creating elaborate, multi-component claude.ai HTML artefacts using modern frontend web technologies (React 19, Tailwind CSS v4, shadcn/ui).

sammcj/agentic-coding

A mechanical, countable anti-slop checklist for AI-generated frontend.

BlackBeltTechnology/pi-agent-dashboard

Audit & fix design system usage — migrate @trycompai/ui and lucide-react to @trycompai/design-system

trycompai/comp

Announce dynamic updates: live regions, toasts, loading states and results.

Community-Access/accessibility-agents

提供前端开发、UI 实现、移动应用开发和现代前端框架能力。当需要实现用户界面、构建组件或开发移动应用时使用. An agent skill from Prorise-cool/Claude-Code-Multi-Agent.

Prorise-cool/Claude-Code-Multi-Agent

Profile, audit, and optimize frontend page performance with emphasis on animation work, memory-leak risks, long-session slowdowns, CSS animations, canvas/WebGL requestAnimationFrame loops, marquees…

nirholas/three.ws

A pattern for adding a self-narrating (typed out) guided walkthrough to any HTML/web application.

sammcj/agentic-coding

Build UI with Core's shadcn/Base UI system. An agent skill from Asymmetric-al/core.

Asymmetric-al/core

A skill your agent uses to diagnose CSS and frontend layout issues such as positioning, overflow clipping, Tailwind class conflicts, z-index stacking, and React rendering visibility problems.

majiayu000/spellbook

Extract Figma designs and generate production-ready React/Next.js components with TypeScript, Tailwind CSS, and pixel-perfect accuracy.

majiayu000/spellbook

A skill your agent uses when the user wants to publish an already-built static website or front-end app through GemiGo, such as a Vite/React/Vue static build, plain HTML/CSS/JS page, landing page…

Peiiii/nextclaw

Emil Kowalski's animation best practices for web interfaces.

theexperiencecompany/gaia

Designs and builds React/Next/Tailwind UI, audits visual and interaction defects, and stress-tests components with worst-case data.

mblode/agent-skills

Skill de auditoria de acessibilidade para escanear, corrigir e verificar a conformidade WCAG 2.2 Nível A e AA em codebases React, Next.js, Vue, Angular, Svelte e HTML puro.

ricneves-ai/flowgrammers-skills

Author a PostHog canvas with semantic HTML, CSS, and direct browser APIs — documents, articles, generative graphics, 2D canvas and WebGL experiences, and focused experiments where React components…

PostHog/posthog

Guides adding or modifying UI features (React "studios") in HOT-Step CPP — studio-folder convention, store patterns, API wiring, routing registration, Tailwind/i18n rules, and the Vite HMR dev loop.

scragnog/HOT-Step-CPP

Project-aware shadcn/ui components, registry MCP, theming, and design-system lint feedback.

BuilderIO/agent-native

Set up Tailwind v4 with shadcn/ui using @theme inline pattern and CSS variable architecture.

aiskillstore/marketplace

Convert Figma design files to pixel-level mobile-first static HTML/CSS pages.

LeoYeAI/openclaw-master-skills

Reference data, not a reviewer. An agent skill from Community-Access/accessibility-agents.

Community-Access/accessibility-agents

General React and React Native engineering rules for Ledger Live.

LedgerHQ/ledger-live

A skill your agent uses when you need to add or debug professional web animations with GSAP (timelines, ScrollTrigger, stagger, transforms) in HTML/CSS/JS/React.

nirholas/three.ws

Plan, build, and iterate UX-friendly frontend mockups via a ground→contract→mockup→test→fix→learn loop, acting as an expert UX designer who grounds every decision in externally documented public…

BlackBeltTechnology/pi-agent-dashboard

Audit and revamp existing web interfaces into polished, professional, product-specific experiences while preserving behavior and working within the current frontend stack.

buildfastwithai/gen-ai-experiments

Implement web and React animation, gesture feedback, layout transitions and scroll sequences.

WrongStack/WrongStack

Guide for implementing RemixIcon - an open-source neutral-style icon library with 3,100+ icons in outlined and filled styles.

einverne/dotfiles

Motion (Framer Motion) React animation library. An agent skill from secondsky/claude-skills.

secondsky/claude-skills

Apply Manor's public contribution standards when creating, editing, or reviewing web UI, React or TSX components, CSS, Tailwind classes, layouts, forms, cards, dialogs, navigation, responsive…

manor-os/manor-ai

Guides the agent through general Ionic Framework development including core concepts, component reference, CLI usage, layout, theming, animations, gestures, development workflow, and troubleshooting.

LeoYeAI/openclaw-master-skills

Создание высококачественных, визуально выдающихся фронтенд-интерфейсов.

AnastasiyaW/codex-claude-code-config

Build automated Figma-to-React pipeline with the Anima SDK. An agent skill from jeremylongshore/tons-of-skills-marketplace.

jeremylongshore/tons-of-skills-marketplace

Clone websites to React/HTML code and customize Anima output with AI.

jeremylongshore/tons-of-skills-marketplace

Generate reviewable React or HTML code from a Figma design using the Anima SDK.

jeremylongshore/tons-of-skills-marketplace

Set up iterative design-to-code development loop with Anima SDK.

jeremylongshore/tons-of-skills-marketplace

Implement reference architecture for Anima design-to-code automation.

jeremylongshore/tons-of-skills-marketplace

Apply the formal standard for React component engineering focusing on accessibility, composition, and styling.

IgorWarzocha/Opencode-Workflows

Create distinctive, production-grade frontend interfaces with high design quality for new standalone web artifacts, pages, posters, dashboards, React components, HTML/CSS layouts, or clearly…

Citrus-bit/Anaxa

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

borghei/Claude-Skills

Stitch 프로젝트를 분석하여 DESIGN.md 파일을 생성합니다 — 디자인 시스템을 시맨틱하고 자연스러운 언어로 문서화하여 일관된 UI 생성을 지원합니다.

jh941213/my-cc-harness

모호한 UI 아이디어를 Stitch에 최적화된 상세 프롬프트로 변환합니다 — 구체성 향상, UI/UX 키워드 추가, 디자인 시스템 컨텍스트 주입.

jh941213/my-cc-harness

Transforms vague UI ideas into detailed prompts optimized for Stitch -- enhances specificity, adds UI/UX keywords, injects design system context.

jh941213/my-cc-harness

Converts Stitch screens into a React component system -- includes design token extraction, component decomposition, TypeScript type generation, and automated verification.

jh941213/my-cc-harness

A skill your agent uses when planning, building, designing, code review, refactor, fixing, improving, optimizing, enhancing, or checking UI/UX work.

majiayu000/spellbook

json-render component catalog patterns for AI-safe generative UI.

yonatangross/orchestkit

The React v7 UI Kit component catalog — which drop-in components exist and how to compose/swap them (conversations, messages, users, groups, threads, calling, bubbles).

cometchat/cometchat-skills

Theme and brand the React v7 UI Kit — light/dark mode, CSS custom-property design tokens, per-component style overrides.

cometchat/cometchat-skills

Chat UI building blocks for React/Next.js from ui.inference.sh.

aiskillstore/marketplace