Frontend & Design · React

A skill your agent uses when adding @axhub/annotation to standalone React apps, plain HTML pages, Vite prototypes, or other web hosts that need annotation markers, directories, Markdown notes, or…

lintendo/Axhub-Skills

Frontend design entry point: direction, design system, visual philosophy.

sickn33/agentic-awesome-skills

Light 按需工程技能·前端设计：把模糊的「做个好看的界面」落成能跑的 React/Tailwind/shadcn 代码 + 设计决策说明—— 有视觉记忆点(signature element)、风格自洽(design tokens 一致)、适配场景(学术海报/数据大屏/管理后台/移动端/营销 landing 信息密度各不同)、反「一眼 AI」(紫蓝渐变/Inter/16px 圆角/巨型…

Light0305/Light-skills

Write or change React UI in apps/web, apps/gateway or packages/react-core — a component (not the route file that renders it), its user-facing strings, its Storybook story, or moving it into…

DouglasNeuroInformatics/OpenDataCapture

Uniwind — Tailwind CSS v4 styling for React Native. An agent skill from Ohh-889/skyroc.

Ohh-889/skyroc

Accessibility audit skill for scanning, fixing, and verifying WCAG 2.2 Level A and AA compliance across React, Next.js, Vue, Angular, Svelte, and plain HTML codebases.

alirezarezvani/claude-skills

Build complete transactional email systems: React Email templates, provider integration (Resend, Postmark, SendGrid, AWS SES), preview server, i18n support, dark mode, spam optimization, analytics…

alirezarezvani/claude-skills

A skill your agent uses when building game UI (menus, HUD, dialogue box, settings/save screens) on top of Pixi'VN with an external JS framework (React, Vue) or with plain PixiJS components —…

DRincs-Productions/pixi-vn

一套用于使用现代前端 Web 技术（React、Tailwind CSS、shadcn/ui）创建复杂的多组件 claude.ai HTML 工件的工具集。适用于需要状态管理、路由或 shadcn/ui 组件的复杂工件，不适用于简单的单文件 HTML/JSX 工件。

Prorise-cool/Claude-Code-Multi-Agent

Override Markstream node renderers and add trusted custom tags across Vue, React, Svelte, and Angular using scoped or renderer-local mappings.

sickn33/agentic-awesome-skills

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

sickn33/agentic-awesome-skills

Enforces React component authoring best practices. An agent skill from paralleldrive/aidd.

paralleldrive/aidd

This skill should be used when the user wants to create a standardized React 18 + TypeScript + Vite + Zustand project from scratch.

jiushiwon/wg-skills

React and Next.js performance optimization from Vercel Engineering.

Dokhacgiakhoa/Agent-Skills-4-Vibe-Coding-CLI

Take money on this site — a crypto payment link that needs no backend and no account, or a card charge through Stripe.

one-ie/one

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 field-side observability system for any React or React Native app.

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

Frontend structure conventions for Laravel Inertia React applications based on Spatie's production practices.

freekmurze/dotfiles

Search tool for modern web development best practices. An agent skill from JetBrains/skills.

JetBrains/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

Assembles component outputs from AI Design Components skills into unified, production-ready component systems with validated token integration, proper import chains, and framework-specific…

ancoleman/ai-design-components

A skill your agent uses when a browser/Web app (React, Vue, Next, Nuxt, static sites, SPAs, dashboards, AI chat UI, 页面, 前端, 网页) needs AI models via @cloudbase/js-sdk.

TencentCloudBase/CloudBase-AI-Toolkit

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