Frontend & Design · React

A skill your agent uses when building or reviewing a Vue 3 + Nuxt 4 app — <script setup reactivity, SSR/SSG/hybrid routeRules, the app/+server/ layout, SSR-safe fetching (useFetch/useAsyncData) and…

ericrisco/rsc-harness

A skill your agent uses when building, hardening, or shipping a cross-platform Electron desktop app — main/renderer/preload process model, typed contextBridge IPC, locking down…

ericrisco/rsc-harness

Skillshare frontend design system for the React dashboard (ui/) and Docusaurus website (website/).

JetBrains/skills

AI-agent commit protocol that establishes a Shadscan baseline and reruns the audit immediately before every agent-created commit without installing dependencies or configuring Git.

TheOrcDev/skills

BillingSDK, the open-source React and shadcn component library for Dodo Payments billing UI.

hashgraph-online/awesome-codex-plugins

Expert Next.js performance optimization skill covering Core Web Vitals, image/font optimization, caching strategies, streaming, bundle optimization, and Server Components best practices.

giuseppe-trisciuoglio/developer-kit

Provides comprehensive code review capability for React applications, validates component architecture, hooks usage, React 19 patterns, state management, performance optimization, accessibility…

giuseppe-trisciuoglio/developer-kit

Provides comprehensive React 19 patterns for Server Components, Server Actions, useOptimistic, useActionState, useTransition, concurrent features, Suspense boundaries, and TypeScript integration.

giuseppe-trisciuoglio/developer-kit

Frontend tech-stack identification — JavaScript frameworks, meta-frameworks, CSS frameworks, UI libraries, build tools, and CMS via DOM, JS globals, HTML, and bundle patterns.

transilienceai/communitytools

TypeScript + React typing conventions for Ledger Wallet. An agent skill from LedgerHQ/ledger-live.

LedgerHQ/ledger-live

Build a hi-fi clickable React prototype with realistic device chrome.

bluzir/claude-code-design

Build email template systems with React Email or MJML: responsive layouts, dark mode, multi-provider sending, and spam score optimization.

borghei/Claude-Skills

国际化/本地化助手 — 扫描代码中的硬编码文本、生成 i18n 配置、批量翻译

laolaoshiren/claude-code-skills-zh

Best practices for multi-language handling, locale routing, and detection strategies across App and Pages Router.

HoangNguyen0403/agent-skills-standard

Build modern React component architecture with composition patterns.

HoangNguyen0403/agent-skills-standard

Select and implement local, global, and server state patterns in React.

HoangNguyen0403/agent-skills-standard

Test React components with RTL and Jest/Vitest. An agent skill from HoangNguyen0403/agent-skills-standard.

HoangNguyen0403/agent-skills-standard

通过 Context7 MCP 获取库和框架的实时最新文档，而非依赖训练数据，防止 API 幻觉。适用于查询任何库或框架的用法、配置、示例代码。触发词：怎么用、怎么配置、API参考、文档、示例代码、用法、接口、库文档、框架文档、documentation、docs、how to use、API…

ProgrammerAnthony/Expert-Coding-Harness

Run repo health checks that used to live in husky hooks (typecheck, React Compiler bailouts, design-system drift, lint).

vvedantb/eva

React、Next.js、状态管理（State Management）、性能优化（Performance Optimization）及 UI 最佳实践的前端开发模式。

xu-xiang/everything-claude-code-zh

适用于 React、Next.js、状态管理、性能优化和 UI 最佳实践的前端开发模式. An agent skill from xu-xiang/everything-claude-code-zh.

xu-xiang/everything-claude-code-zh

针对 React、Next.js、状态管理、性能优化及 UI 最佳实践的前端开发模式. An agent skill from xu-xiang/everything-claude-code-zh.

xu-xiang/everything-claude-code-zh

Implements internationalization (i18n) in React applications.

yonatangross/orchestkit

Responsive design with Container Queries, fluid typography, cqi/cqb units, subgrid, intrinsic layouts, foldable devices, and mobile-first patterns for React applications.

yonatangross/orchestkit

State-of-the-art data visualization for React/Next.js/TypeScript with Tailwind CSS.

curiositech/some_claude_skills

Guide for implementing shadcn/ui - a collection of beautifully-designed, accessible UI components built with Radix UI and Tailwind CSS.

einverne/dotfiles

Build Next.js 16 applications with correct patterns and distinctive design.

aiskillstore/marketplace

前端工程师 Skill，执行前端开发任务，自动适配项目技术栈（React/Vue/Svelte/Next.js 等），支持 Figma/Stitch 设计稿还原

kingxiaozhe/cm-workflow

React/Next.js component design pattern library. An agent skill from revfactory/harness-100.

revfactory/harness-100

Build accessible, composable UI with @base-ui/react primitives and project styling tokens.

Asymmetric-al/core

Implement smooth, accessible animations with motion/react (Framer Motion) in React.

Asymmetric-al/core

Structured UI design review — existing code (React/JSX, CSS, Tailwind) and, when behaviour matters, the running app in a real browser — reported as a prioritised Before / After / Why table.

pproenca/dot-skills

A skill your agent uses when writing or fixing the server-side code of a Workfront App Builder extension — the Adobe I/O Runtime action the React SPA calls to do work the browser can't.

adobe/skills

Vercel React Best Practices workflow skill. An agent skill from diegosouzapw/awesome-omni-skills.

diegosouzapw/awesome-omni-skills

React Component Performance workflow skill. An agent skill from diegosouzapw/awesome-omni-skills.

diegosouzapw/awesome-omni-skills

A skill your agent uses when asked for framework-specific best practices, implementation guidelines for React/Vue/Svelte/Next.js, or stack-specific patterns.

jeremylongshore/tons-of-skills-marketplace

Create react hook creator operations. An agent skill from jeremylongshore/tons-of-skills-marketplace.

jeremylongshore/tons-of-skills-marketplace

Local react-hook-form documentation reference (latest). An agent skill from olorehq/olore.

olorehq/olore

Local tanstack-store documentation reference (latest). An agent skill from olorehq/olore.

olorehq/olore

Local XState documentation reference (latest). An agent skill from olorehq/olore.

olorehq/olore

Initialize shadcn/ui + Tailwind CSS v4 in Vite projects (Vite-specific, not Next.js/Remix).

IgorWarzocha/Opencode-Workflows

Integrate with Figma API for design automation and code generation.

hoodini/ai-agents-skills

Design patterns and lessons for building conference schedule pages with React.

swyxio/skills

Design and implement distinctive, production-ready frontend interfaces with strong aesthetic direction.

archibate/dotfiles-opencode

Build and run the full TaskFlow demo stack (Express backend + React frontend + mobile)

MelbourneDeveloper/dart_node

IMPORTANT: Any change to React or Next.js code must read through this skill first.

benchflow-ai/skillsbench

Implement React components from Figma designs. An agent skill from bitovi/ai-enablement-prompts.

bitovi/ai-enablement-prompts

Creates breathtaking iOS/Mac and web apps with organic, non-AI aesthetic.

curiositech/some_claude_skills