React · For frontend developers

A skill your agent uses when users need to implement, integrate, debug, build, deploy, or validate a Web frontend after the product direction is already clear, especially for React, Vue, Vite…

TencentCloudBase/CloudBase-AI-Toolkit

Guidelines and rules for using the CodeBlockSource component, specifically handling how source files and code are read from the system in the Sona-UI repository.

Dinil-Thilakarathne/sona-ui

Guide for writing or reviewing PostHog kea logic files (Logic.ts / Logic.tsx).

PostHog/posthog

Frontend specialist for React, Next.js, TypeScript with FSD-lite architecture, shadcn/ui, and design system alignment.

first-fluke/oh-my-agent

Reference page structure, templates, and writing patterns for src/content/reference/.

reactjs/ar.react.dev

Split React/TSX files containing multiple inlined components into separate single-responsibility files.

deadlock-mod-manager/deadlock-mod-manager

当用户需要创建复杂的多组件 HTML Artifacts（包含 React、Tailwind CSS、shadcn/ui）时使用。此 Skill 用于需要状态管理、路由或 shadcn/ui 组件的复杂 Artifacts，不适用于简单的单文件 HTML/JSX。

boshi-xixixi/TraeSkill

Design React interfaces with the full shadcn/ui catalog. An agent skill from notque/vexjoy-agent.

notque/vexjoy-agent

This skill should be used when the user asks about "Server Components", "Client Components", "'use client' directive", "when to use server vs client", "RSC patterns", "component composition", "data…

davepoon/buildwithclaude

The seven framework output packages and the boundaries Inkline lives on — exports contracts, peer-dep/version matrix, per-target capability gaps, idiom fidelity, and the styleframe upstream…

inkline/inkline

Build, critique, and iterate high-converting marketing or product landing pages using React + Vite + TypeScript + Tailwind and shadcn/ui components, with all icons sourced from Iconify.

instructa/agent-skills

Install and configure Markstream streaming Markdown renderers for Vue, React, Svelte, Angular, Nuxt, and Vue 2 applications.

github/awesome-copilot

React 19 performance patterns and composition architecture for Vite + Cloudflare projects.

jezweb/claude-skills

Expert skill for converting any codebase (React/HTML/Next.js) into a pixel-perfect, SEO-optimized, and dynamic WordPress theme.

sickn33/agentic-awesome-skills

A portable, framework-agnostic discipline for the write path of any React or React Native app using a query/cache layer.

sickn33/agentic-awesome-skills

Generate React code with Rayden UI components using correct props, tokens, and premium layout patterns

sickn33/agentic-awesome-skills

Reduce application bundle size with Ignite UI Web Components by registering only needed components via named imports from the package root with defineComponents instead of defineAllComponents…

IgniteUI/igniteui-webcomponents

Implement or modify web UI in React, Next.js, or Angular. An agent skill from first-fluke/oh-my-agent.

first-fluke/oh-my-agent

Load this skill for any project with interactive UI, such as buttons, links, forms, modals, dropdowns, menus, tabs, sliders, toolbars, carousels, or custom widgets, in React or vanilla JavaScript.

planetabhi/riseofmachine

Patrones de desarrollo frontend para React, Next.js, gestión de estado, optimización de rendimiento y buenas prácticas de UI.

affaan-m/ECC

Practical patterns for using fp-ts with React - hooks, state, forms, data fetching.

aiskillstore/marketplace

Component creation checklist and ai-client-specific patterns for React .tsx files in opentrons-ai-client/ and protocol-designer/.

Opentrons/opentrons

Build React components, implement responsive layouts, and handle client-side state management.

aiskillstore/marketplace

You are a React component architecture expert specializing in scaffolding production-ready, accessible, and performant components.

aiskillstore/marketplace

Push a React design system to claude.ai/design. An agent skill from asgeirtj/system_prompts_leaks.

asgeirtj/system_prompts_leaks

Install and configure shadcn/ui components for React projects.

jezweb/claude-skills

A portable, framework-agnostic SEO system for any React or React Native-for-web frontend.

sickn33/agentic-awesome-skills

A skill your agent uses when reviewing templates, rendered HTML, or shared components related to Validate forms accessibly.

thedaviddias/Front-End-Checklist

Author, render, preview and debug OpenForms FormSchemaJSON form definitions as idiomatic, themed, accessible MUI (React).

BlackBeltTechnology/pi-agent-dashboard

Turn what someone says into seven beats, a promise with one checkable proof, and a story spoken back in their own words.

one-ie/one

React 19+ patterns: custom hooks, Suspense boundaries, state management, component composition, and web performance.

irahardianto/awesome-agv

React 18 patterns for LlamaFarm Designer. An agent skill from llama-farm/llamafarm.

llama-farm/llamafarm

Shared TypeScript best practices for Designer and Electron subsystems.

llama-farm/llamafarm

Review Slate v2 architecture/API plans against React 19.2 runtime performance, Slate-close unopinionated DX, legacy-regression proof, research evidence, and shadcn-style composability; write a…

udecode/plate

Generate react component generator operations. An agent skill from jeremylongshore/tons-of-skills-marketplace.

jeremylongshore/tons-of-skills-marketplace

Expert ReactFlow architect for building interactive graph applications with hierarchical node-edge systems, performance optimization, and auto-layout integration.

aiskillstore/marketplace

A portable, framework-agnostic architecture style for any React or React Native frontend.

sickn33/agentic-awesome-skills

Frontend development specialist covering React 19, Next.js 16, Vue 3.5, and modern UI/UX patterns with component architecture.

modu-ai/moai-adk

React/Next.js component design patterns, state management strategies, and project structure reference for frontend development.

modu-ai/moai-adk

AI design specialist skill with DESIGN.md management, anti-pattern enforcement, optional Stitch MCP integration, and component library guidance.

first-fluke/oh-my-agent

A skill your agent uses when authoring or refactoring composite React components in @dxos/react-ui and sibling UI packages — namespaced primitives like Foo.Root / Foo.Trigger / Foo.Content built…

dxos/dxos

Create a React component using the Container/Presentation pattern in src/components by asking for the component name and type (ui or features), then scaffold files that follow this repository's…

github/awesome-copilot

Full-stack Convex development guidelines covering React, Vite, TypeScript, mutations, auth, design system, and documentation practices.

waynesutton/markdown-site

JSX 自定义页面开发规范（React 16 平台 Jsx 组件、export function renderJsx 模式、宜搭 JS API、状态管理与编码约束）。用于 .oyd.jsx / .oyb.jsx / renderJsx / 平台 Jsx 组件页面维护。

openyida/openyida

Modern web design trends, principles, and implementation patterns for 2024-2025.

freshtechbro/claudedesignskills

Using TailwindPlus Elements (@tailwindplus/elements) in the Rocky VS Code webviews.

rocky-data/rocky

React/TypeScript frontend development rules including type safety, component design, state management, and error handling.

shinpr/claude-code-workflows

JavaScript and TypeScript development with ES6+, Node.js, React, and modern web frameworks.

julianromli/opencode-template