React · For frontend developers

Iterative build loop pattern for autonomously generating multi-page websites using Stitch -- continuous website development via baton system.

jh941213/my-cc-harness

Stitch 스크린을 React 컴포넌트 시스템으로 변환합니다 — 디자인 토큰 추출, 컴포넌트 분해, TypeScript 타입 생성, 자동 검증 포함.

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

React and Next.js performance playbook distilled from Vercel Engineering guidance.

majiayu000/spellbook

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

majiayu000/spellbook

Migrates a traditional Power Pages site from Bootstrap 3 to Bootstrap 5.

microsoft/power-platform-skills

创建独特的、生产级别的高质量前端界面。当用户要求构建网页组件、页面、作品、海报或应用程序时使用此技能（例如网站、落地页、仪表盘、React 组件、HTML/CSS 布局，或对任何网页 UI 进行样式美化）。生成富有创意、精致的代码和 UI 设计，避免千篇一律的 AI 审美。

LeastBit/Claude_skills_zh-CN

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

yonatangross/orchestkit

自定义页面表格批量录入技能。使用 YidaCodeCanvas 组件和 antd Table、Input、Select、DatePicker、React hooks 实现草稿、行级校验、分批并发提交和行级错误保留。YidaCodeCanvas 组件内不能直接调用 this.utils.yida.；写入默认消费发布层注入的 window.OPENYIDAYIDAAPI，提示、跳转等根级工具消费…

openyida/openyida

自定义页面信息密度设计规范。提供紧凑、舒适、宽松三种模式、切换 UI 和响应式降级；平台 JSX 组件页面的 didMount/this.utils.isMobile 仅作存量维护示例。

openyida/openyida

自定义页面 Recharts 高级图表技能。使用 YidaCodeCanvas 组件和 Recharts 实现可视化、看板图表、趋势图、组合图等现代 React 图表页面；聚合数据必须来自宜搭原生报表或已聚合接口，不在前端拉全量明细自行聚合。明确要求 ECharts、维护旧 ECharts 页面或 Recharts 无法覆盖的复杂 option 时改用 yida-chart。

openyida/openyida

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

TanStack Query v5 (React Query) server state management. An agent skill from secondsky/claude-skills.

secondsky/claude-skills

A skill your agent uses when building, reviewing or debugging a SolidJS app — signals, stores, effects, memos and resources, and JSX that compiles to real DOM with no virtual DOM.

ericrisco/rsc-harness

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

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

ProgrammerAnthony/Expert-Coding-Harness

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

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

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