Frontend & Design · React

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

宜搭全屏幻灯片页面开发，兼容旧 yida-ppt / PPT / 演示 / 幻灯片触发词，使用 React hooks 管理翻页、URL hash、键盘/演讲笔、全屏和副作用清理。支持浅色简约与 dark-tech 主题。平台 JSX 组件生命周期模式仅用于对应运行时维护。

openyida/openyida

Comprehensive performance specialist covering analysis, optimization, load testing, and framework-specific performance.

aiskillstore/marketplace

A skill your agent uses when building HTML email templates with React components, adding a visual email editor to an application using the React Email visual editor, rendering emails to HTML, or…

aiskillstore/marketplace

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

aiskillstore/marketplace

Zustand state management for React with TypeScript. An agent skill from secondsky/claude-skills.

secondsky/claude-skills

Vite + React for fast modern web development - build config, HMR, hooks, state management, and performance patterns When user works with Vite, React, creates components, manages state, uses hooks…

shepherdjerred/monorepo

A skill your agent uses when changing web CSS/UI styling so requirements, state ownership, and acceptance checks are locked before edits to prevent rework churn.

yusifeng/formax

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

Tech stack guidance for NextJS + React/Redux + Shadcn UI features.

paralleldrive/aidd

General React and React Native engineering rules for Ledger Live.

LedgerHQ/ledger-live

A skill your agent uses when adding a lightweight interactive globe with cobe (canvas setup, markers, interaction, performance, integration with React/Next.js).

nirholas/three.ws

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

React + TypeScript patterns for production frontends. An agent skill from cohen-liel/hivemind.

cohen-liel/hivemind

Frontend state management patterns for React apps. An agent skill from cohen-liel/hivemind.

cohen-liel/hivemind

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

Modern frontend patterns for React Server Components, performance optimization, and Core Web Vitals

rohitg00/awesome-claude-code-toolkit

React 19 patterns including Server Components, Actions, Suspense, hooks, and component composition

rohitg00/awesome-claude-code-toolkit

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

WrongStack/WrongStack

React 19 patterns with React Compiler. An agent skill from Gentleman-Programming/Gentleman-Skills.

Gentleman-Programming/Gentleman-Skills