Agent Skills·Tag ·react
Tag · 1,838 skills

Agent skills tagged react

1,838 SKILL.md skills tagged react — the most complete ones are below, all usable across Hermes, Cursor, Codex, Gemini CLI, OpenCode, Claude Code and 30+ more agents.

Browse all 1,838 react skills →

Web
motion-dev-animations
Creates 120fps GPU-accelerated animations with Motion.dev (Framer Motion successor) for React, Next.js, Svelte, and Astro projects. Use when user requests animation, motion, scroll…
claude-codecodexcursorgemini-clianimationreactmotion
Testing
react18-enzyme-to-rtl
Provides exact Enzyme → React Testing Library migration patterns for React 18 upgrades. Use this skill whenever Enzyme tests need to be rewritten - shallow, mount, wrapper.find(), …
claude-codecodexcursorgemini-clireacttesting-libraryenzyme
Engineering
project-generalist
Skill raíz para proyectos de software existentes o nuevos. Inspecciona el repo, detecta stack (Laravel, Node, React, Next, Inertia, Vue, Angular, Ionic, Capacitor), clasifica la ta…
claude-codecodexcursorgemini-cligeneraliststack-detectionlaravel
Web
steedos-webapps
Custom React + Vite webapps in Steedos packages (webapps/ directory). TRIGGER: webapps/ directory, React + Vite SPA; custom amis Renderer components (IIFE, amisRequire, ScopedConte…
claude-codecodexcursorgemini-clisteedosreactvite
Design
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applicat…
claude-codecodexcursorgemini-clifrontendreactui
Web
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applicat…
claude-codecodexcursorgemini-clifrontendreacthtml
Web
featbit-sdks-react
Expert guidance for integrating FeatBit React Client SDK in React web applications. Use when user asks about "React SDK", "React feature flags", "FeatBit React", "useFlags hook", "…
claude-codecodexcursorgemini-clireactfeatbitfeature-flags
Web
streamdown
Guidance for Vercel's Streamdown library, a streaming-optimized react-markdown replacement. Use for rendering AI-generated markdown from useChat/streamText, building chat UIs, migr…
claude-codecodexcursorgemini-clicloud:vercelfw:reactreact
Web
next-statecraft
Architects state architecture for Next.js App Router apps: placement across server, URL, cookies, cache, and stores; modeling with normalization and derived values; React 19 primit…
claude-codecodexcursorgemini-clinext.jsreactstate
Engineering
kit-dev
Guides SDK development in the @ton/kit monorepo across walletkit, appkit, and appkit-react packages. Handles adding actions, hooks, queries, and components; fixes bugs; writes test…
claude-codecodexcursorgemini-clitype:reviewtonsdk
Testing
test-convert
Gera testes robustos e comportamentais para o Convert (React + Redux + Axios) seguindo BDD e as diretrizes do knowledge base. Analisa componentes, serviços, validações e cálculos e…
claude-codereactreduxaxios
Web
forge-frontend-nextjs
Next.js 16 with React Server Components and Tailwind 4. Emphasizes server-first rendering, streaming with Suspense, server actions, app router conventions, async page params, and p…
claude-codecodexcursorgemini-clifw:reactnextjsreact
Web
xantham-21st-bridge
Generates React UI components such as pricing tables, forms, modals, dashboards, navbars, heroes, and chat surfaces with sensible defaults. Routes to an external browser flow for i…
claude-codecodexcursorgemini-clitype:integrationreactui-components
Web
tours-list-uiux
Manages the full UI/UX overhaul of AtoC Korea's tour catalogue at `/tours/list`, orchestrating hero collapse, contextual vignette bands, sticky filter rails, active chips, editoria…
claude-codecodexcursorgemini-cliuiuxfrontendreact
Automation
uipath-coded-apps
Scaffold, build, run, and deploy UiPath Coded Apps—React/TypeScript web and action apps that integrate with UiPath Cloud via the official SDK, support OAuth-PKCE, and publish to Au…
claude-codecodexcursorgemini-clilang:pythonlang:typescripttype:generator
Web
rtl-ui-guardian
Reviews and repairs Arabic frontend UIs to ensure production-grade RTL correctness for Saudi corporate and SaaS platforms. Handles HTML, CSS, JS, JSX/TSX, React components, and Nex…
claude-codecodexcursorgemini-clilang:javascriptrtlarabic
Engineering
dev-task
Implements development tasks from Linear IDs or natural language, delivering minimal, high-quality changes that follow existing patterns with passing types, builds, and tests. Hand…
claude-codecodexcursorgemini-clilang:kotlinlang:typescripttool:figma
Web
awesome-react-animations
Reviews and implements buttery-smooth React animations at 60fps without jank. Handles framer-motion, springs, variants, AnimatePresence, layout shifts, scroll reveals, gestures, ro…
claude-codecodexcursorgemini-clifw:reacttype:reviewreact
Web
nexus-ui
Install and compose Nexus UI components for AI chat interfaces—prompt input, model selector, suggestions, attachments, messages, threads, citations, reasoning, shimmer, images, fee…
claude-codecodexcursorgemini-cliuiai-chatreact
Web
viz-renderer
Cross-agent meta-skill that renders inline visualizations from a single viz_payload JSON contract. Produces charts, KPI cards, and insight pills across Teams Adaptive Cards, Odoo Q…
claude-codecodexcursorgemini-clivisualizationchartsadaptive-cards
Web
react-prototype-system
Convert Figma frames, screenshots, or UI specs into high-fidelity, runnable React prototypes using a component-driven workflow. Reconstruct components, flows, and screens from desi…
claude-codecodexcursorgemini-clifw:reacttool:figmatype:review
Design
ui-ux-pro-max
UI/UX design intelligence covering 67 styles, 161 palettes, 57 font pairings, 25 charts, and 16 stacks including React, Next.js, Vue, Svelte, SwiftUI, Flutter, and Tailwind. Use fo…
claude-codecodexcursorgemini-clifw:flutterfw:sveltelang:php
Web
Accessibility Lead
Accessibility team lead and orchestrator. Use on every task involving web UI code, HTML, JSX, CSS, React components, web pages, or user-facing web content. Coordinates the accessib…
claude-codecodexcursorgemini-clitype:reviewaccessibilityweb
Engineering
audit-perf
Static performance audit for routes, pages, server functions, or modules. Detects N+1 queries, missing indexes, oversized SELECTs, sequential awaits, unoptimized React paths, and c…
claude-codecodexcursorgemini-clitype:auditperformancestatic-analysis
Design
webdesign-pro-max
Delivers UI/UX design intelligence for web and mobile interfaces, generating production-ready code across React, Next.js, Vue, Svelte, Flutter, and Tailwind. Handles creative direc…
claude-codecodexcursorgemini-clitype:reviewui-uxreact
Web
Able To Compete Mvp Bh3
MVP combining three features in one FastAPI + React application: - **Trello-like task management** — boards, lists, cards with drag-and-drop - **Uptime monitoring** — monitors, che…
copilotcopilot-instructionscross-agentfastapi
Web
Bagizi Id
// ✅ GOOD: Component-based architecture src/features/admin/sppg-management/ ├── components/ │ ├── detail/ # Detail page components │ │ ├── SppgDetailHeader.tsx # ~80 lines: Title, …
claude-codecodexcopilotcursorcopilot-instructionscross-agentreact
Web
Copilot Instructions for Chicken Manager
This documentation outlines standards and instructions for the Chicken Manager project, which is a React/Vite web application designed to help backyard chicken keepers and small fl…
claude-codecodexcopilotcursorcopilot-instructionscross-agentreact
Web
Flpilot
Avoid `accessKey` attr and distracting els No `aria-hidden="true"` on focusable els No ARIA roles, states, props on unsupported els Use `scope` prop only on `<th>` els No non-inter…
claude-codecodexcursorgemini-cliclinecross-agentaccessibility
General
Gemini 検証結果: アーキテクチャ実装実現可能性
リスク1: 複合的な学習曲線の過負荷CA、DDD、Rust(所有権、非同期、エコシステム)、React Three Fiber(WebGL、パフォーマンス最適化)、Tauri(IPC、デスクトップ統合)を同時に習得することは、AI支援があったとしても単独開発者にとって記念碑的なタスクである 1。AI(Claude Code)は構文やボイラープレートコードの学…
claude-codecodexcursorgemini-clicross-agentgemini-mdgemini
Web
Plan: Agentic Book-Writing ASP.NET Core App
Build a Docker-packaged ASP.NET Core 10 web app with a React (TypeScript/Vite) UI **served as static files from wwwroot** (NOT a separate Docker service) that uses Semantic Kernel …
claude-codecodexcursorgemini-cliagents-mdcross-agentasp.net
AI / ML
Roundtable AI
{ "project": { "name": "roundtable-ai", "description": "A multi-agent system with a FastAPI backend and React frontend for orchestrating discussions among AI agents.", "repository"…
claude-codecodexcursorgemini-cliclinecross-agentfastapi
Web
Tennishalle Landing
Interne Struktur innerhalb von `02_Development/`: - /client (Frontend: Vite, React, Astro, Next.js etc.) - /server (Backend: Node.js, Express, API-Logik) - /docker (Dockerfiles, lo…
claude-codecodexcursorgemini-cliclinecross-agentvite
Web
debug-browser
Debugs frontend, browser, runtime, build, hydration, routing, network, console, Playwright, visual regression, responsive, accessibility, and interaction issues in React/Next.js ap…
claude-codecodexcursorgemini-clitype:debugtype:integrationreact
Web
Dreamreel
Here is more detailed context about the project that you are tasked to build: <project> - The project named 'Dreamreel' is a web based video editor app that allows users to create,…
claude-codecodexcursorgemini-cliclinecross-agentweb
Web
Laravel 12 & React TypeScript Development Rules
laravel: version: "12.x" conventions: - Use PHP 8.3+ features and type hints - Follow PSR-12 coding standards - Use Laravel Pint for code formatting - Implement Repository pattern …
claude-codecodexcursorgemini-clicross-agentwindsurflaravel
Content
novel-game
Converts novels or stories into interactive web games (React SPA) with optional AI-generated visuals, TTS narration, procedural audio, branching plots, and save systems. Uses `bl` …
claude-codecodexcursorgemini-clinovelgamereact
Web
InVideo AI Clone Project
This is a full-stack application that replicates InVideo AI functionality: - Backend: Node.js + Express with video processing pipeline - Frontend: React + Vite interface for video …
copilotcopilot-instructionscross-agentnodejs
Web
GITHUB COPILOT INSTRUCTIONS
Du bist ein Senior React- und Remotion-Entwickler mit Spezialisierung auf: - Programmatische Videogenerierung mit Remotion 4.0+ - Medizinische Software (DSGVO-Compliance, medizinis…
copilotcopilot-instructionscross-agentreact
Web
server-components-design
Guides design and review of React Server Components: async behavior, data fetching, server-only imports versus disallowed client features like state, effects, and browser APIs. Cov…
claude-codecodexcursorgemini-clitype:reviewreactnextjs
Web
LevelFITness — Agent Memory
`mermaid graph TD INVITE[InviteClientDialog] -->|4-field form| API[clientsApi.inviteClient] INPUT[Input component] -->|icon prop| INVITE TESTS[Playwright mobile tests] -->|fixed se…
claude-codecodexcursorgemini-cliagents-mdcross-agentplaywright
Web
frontend-design-zh
Build production-grade static sites with React, Tailwind, and shadcn/ui directly from text prompts—no design files required. Generates distinctive, anti-generic layouts with mobile…
claude-codecodexcursorgemini-clicloud:vercelreacttailwind
Engineering
sports-center-helper
Support development, build, deployment, and maintenance of D-Sport Center projects with Spring Boot backend and React frontend including feature additions, structure checks, testin…
claude-codecodexcursorgemini-cliai:geminitool:dockerspring-boot
Security
web-security-review
Reviews JavaScript/TypeScript web apps for vulnerabilities including XSS, auth flaws, SSRF, CSRF, deserialization, secrets, and crypto issues. Traces data flows across Node, Expres…
claude-codecodexcursorgemini-clilang:javascriptlang:typescripttype:audit
Web
developing-react-apps
Provides 47 React and Next.js performance best practices for async patterns, bundle optimization, rendering strategies, re-render prevention, and JavaScript efficiency. Applies to …
claude-codecodexcursorgemini-clifw:reactlang:javascripttype:review
Web
react-coding-standard
Enforces consistent React + TypeScript patterns across components, hooks, state, forms, routing, and styling. Applies TSF++ base rules plus React-specific standards for props, effe…
claude-codecodexcursorgemini-clifw:reacttype:reviewreact
Web
sillytavern-dev
Expert skill for building SillyTavern frontend interfaces and scripts with the Tavern Helper framework. Covers UI for character cards, automation scripts, MVU variable tools, and e…
claude-codecodexcursorgemini-clitype:integrationtype:reviewsillytavern
Testing
typescript-testing-frontend
Detects and assists with TypeScript frontend testing for React components and hooks using Jest, Chakra UI, React Query, Zustand, and Next.js App Router. Activates on edits to `*.te…
claude-codecodexcursorgemini-clilang:typescripttype:integrationtype:review
Web
anim
Refines web UI motion with tasteful, subtle animations—hover/press feedback, entrances/exits, modals, toasts, menus, loading states, staggered reveals, and transitions—following re…
claude-codecodexcursorgemini-clitype:reviewanimationcss
Engineering
fireworks-react
React component development, render optimization, Zustand state management, error boundaries, hooks usage, Server Components, Suspense, concurrent features, and PR reviews. Support…
claude-codecodexcursorgemini-clilang:typescripttype:reviewreact
Research
hack-feed
Collects deep OSS hacker news and explains each item with focus on JavaScript/React internals, TC39, V8, fiber/scheduler, transpilation, bytecode, memory model, and JIT topics. Use…
claude-codecodexcursorgemini-clilang:javascriptjavascriptreact
Engineering
virtualization-specialist
Implements high-performance list virtualization for datasets exceeding 100K items via TanStack Virtual and react-window. Activate for large lists, infinite scroll, windowing, or ta…
claude-codecodexcursorgemini-clifw:reactreacttanstack-virtual
Engineering
project-scaffolding
Interactive project generator supporting 70+ frameworks and languages including React, Next.js, Vue, Astro, Flutter, FastAPI, Django, Express, Go, Rust, and serverless setups. Hand…
claude-codecodexcursorgemini-clifw:flutterlang:pythontype:generator
Web
agevolt-datagrid-v4-view-designer
Design AgeVolt DataGrid V4 views for product or non-programming tasks. Create menu_view specs, columns, presets, visibility, sorting, filtering, grouping, renderCell, valueFormatte…
claude-codecodexcursorgemini-clireactdatagridui
Web
motion-dev-animations
Builds 120fps GPU-accelerated animations using Motion.dev for React, Next.js, Svelte, and Astro. Generates production-grade TypeScript code with reduced-motion support and performa…
claude-codecodexcursorgemini-clifw:sveltelang:typescriptmotion.dev
Engineering
ddd-architect
Ensure code follows DDD architecture and DAL separation for both frontend and backend. Triggers: DDD, arch, 架構, 新功能, 新模組, new feature, scaffold, 骨架, domain, layer, 分層, structure, 結…
claude-codecodexcursorgemini-clidddarchitecturedomain-driven
Web
cometchat-calls
Entry point for integrating CometChat voice and video calling into React, React Native, Angular, Android, iOS, or Flutter projects. Detects the framework and selects standalone or …
claude-codecodexcursorgemini-clifw:fluttercometchatwebrtc
Web
web-conventions
Personal conventions and taste for building web interfaces — package manager, mobile & responsive patterns, component choices, and UI polish. Use when building, styling, or modifyi…
claude-codecodexcursorgemini-clireactnextjsresponsive
Engineering
fix-bug
Structured bug-fix workflow for the Speicher Analyse Tauri app (React + Vite frontend). Reads open issues, performs deep analysis, implements the fix, updates the changelog, and cl…
claude-codecodexcursorgemini-clitaurireactvite
Design
ui-ux-methodology
UI/UX reference containing 50+ visual styles, 161 palettes, 57 font pairings, 161 product types, 99 guidelines, and 25 chart types across 10 stacks including React, Next.js, Vue, S…
claude-codecodexcursorgemini-clifw:flutterfw:sveltelang:swift

Showing the top 60 of 1,838. See the full list →