React · For frontend developers

Generates React Spectrum UI code for Adobe Experience Cloud Shell apps and AEM UI Extensions from annotated patterns.

NeverSight/learn-skills.dev

A skill your agent uses when creating elaborate, multi-component claude.ai HTML artifacts with React, Tailwind CSS, shadcn/ui, state management, routing, or complex frontend structure; not for…

majiayu000/spellbook

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

nexu-io/open-design

Build complex claude.ai HTML artifacts with React and Tailwind.

nexu-io/open-design

Design React components from Figma files. An agent skill from bitovi/ai-enablement-prompts.

bitovi/ai-enablement-prompts

Guidance for distinctive, intentional visual design when building or reshaping UI, HTML/React artifacts, dashboards, charts, and visual reports.

spytensor/openmozi

Create and iteratively improve local web products from natural-language requests, then prepare them to run as Rudder Apps.

Undertone0809/rudder

A skill your agent uses when working on files in packages/plugins/, adding new plugins, refactoring plugin components/containers, writing storybooks for plugins, or wiring capabilities like…

dxos/dxos

A skill your agent uses when building or styling plugin UI with Composer's design system — the @dxos/react-ui packages.

dxos/dxos

Create premium, Awwwards-quality website designs as React (.jsx) components that look like they were built by a top-tier agency charging $50k+ per project.

davila7/claude-code-templates

[production-grade internal] Builds web frontends — React/Next.js components, pages, design systems, state management, typed API clients.

nagisanzenin/production-grade

AI 开发 Web 前端时应遵循的规范指引。当 Agent 执行前端开发任务（写组件、页面、样式、状态管理、构建配置、调试前端代码）时，加载本技能获取与最新主流 LLM 训练数据互补的规范约束：覆盖技术栈版本基线、AI 常见缺陷模式防御、代码质量红线、样式与界面设计质量（去 AI 味）、验证闭环流程。加载后按第 4 章工作流约束每一次代码生成行为。

cigery-useio/useio-skills

[omh] Oversized or tangled UI component: behavior-preserving refactor of UI code - preview the full change plan first, apply as a second explicit step, and work impact-ordered from state…

rlaope/oh-my-hermes

A skill your agent uses when building a content-driven or marketing site with Astro 6: static-first pages, islands and partial hydration, content collections, server islands, per-route on-demand…

ericrisco/rsc-harness

A skill your agent uses when writing or modifying React components, planning React features, or working with .jsx/.tsx files - provides modern React patterns with TypeScript, hooks usage, component…

ed3dai/ed3d-plugins

React web development with hooks, React Query, Zustand. An agent skill from alinaqi/maggy.

alinaqi/maggy

Build accessible design systems with Radix UI primitives. An agent skill from aiskillstore/marketplace.

aiskillstore/marketplace

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

A skill your agent uses when writing, reviewing, or debugging React components and hooks — state, effects, data fetching, forms, Server and Client Components — in whatever React setup the project…

WrongStack/WrongStack

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

前端修改安全约束。当用户修改 Vue/React 组件、调整页面布局、创建覆盖层/蒙版组件时激活。提供数据绑定保护、布局一致性规范、覆盖层定位规范。

doccker/cc-use-exp

Design React components from Figma files. An agent skill from bitovi/ai-enablement-prompts.

bitovi/ai-enablement-prompts

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

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

Asymmetric-al/core

Guide for performance optimization in Mobazha including React rendering optimization, code splitting, Web Vitals monitoring, and utility functions for debounce/throttle/memoize.

mobazha/mobazha-unified

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

Provides React patterns for hooks, effects, refs, and component design.

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

Create or update an engineering-style NextClaw Panel component with pnpm, Vite, React, TypeScript, and Tailwind CSS, then build it into a static .panel directory inside a schema v2 package or an…

Peiiii/nextclaw

Emil Kowalski's animation best practices for web interfaces.

theexperiencecompany/gaia

React and Next.js 14+ application development with App Router, Server Components, TypeScript, Tailwind CSS, and modern frontend patterns.

aiskillstore/marketplace

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

Tauri 国际化开发技能，使用 react-i18next 实现多语言支持. An agent skill from bkywksj/knowledge-base.

bkywksj/knowledge-base

Tauri 状态管理技能,覆盖 React 前端状态和 Rust 后端状态管理. An agent skill from bkywksj/knowledge-base.

bkywksj/knowledge-base

React 前端 UI 组件开发技能,指导 Tauri 桌面应用的界面开发. An agent skill from bkywksj/knowledge-base.

bkywksj/knowledge-base

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

MUST activate when the user wants to build, create, or generate a React application, React app, web application, single-page application (SPA), or frontend application — even if no project files…

forcedotcom/sf-skills

MUST activate to localize / internationalize a uiBundles//src/ project (React or Angular): extract hardcoded user-facing strings into Custom Labels, wire a runtime i18n library over the Platform SDK…

forcedotcom/sf-skills

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

BuilderIO/agent-native

Create or update the Panel UI component of a complete schema v2 NextClaw Mini App or an explicitly loose local Panel.

Peiiii/nextclaw

Performance optimization patterns covering Core Web Vitals, React render optimization, lazy loading, image optimization, backend profiling, LLM inference, and sustainability UX.

yonatangross/orchestkit