3,123 tagged React, measured the same way as everything else here.
Browse within: javascript 181nextjs 165nodejs 83open-source 82angular 73ab-testing 60cms 60ui 60video 59graphql 57serverless 55shadcn-ui 55design-system 52fastapi 52
nolly-studio/components-build-skill
Skill Claude CodeCodex
Build modern, composable, and accessible React UI components following the components.build specification. Use when creating, reviewing, or refactoring component libraries, design systems, or any reusable UI components. Triggers on tasks involving component APIs, composition patterns, accessibility, styling systems…
Skill Claude CodeCodex
React Three Fiber (R3F) and Poimandres ecosystem best practices. Use when writing, reviewing, or optimizing R3F code. Triggers on tasks involving @react-three/fiber, @react-three/drei, zustand, @react-three/postprocessing, @react-three/rapier, or leva.
auratech-lab/r3arxiv-react3-archive
Skill Claude CodeCodex
Plan, build, review, and debug React Three Fiber, Three.js, WebGL/WebGPU, shader, XR, asset-pipeline, physics, game, and creative 3D web app work using the R3ARXIV agent catalog plus absorbed R3F/Three.js skill patterns. Use when the task mentions @react-three/fiber, R3F, Drei, Three.js, WebGL, WebGPU, GLSL, shaders…
Skill Claude CodeCodex
Make a change in TT-Studio the team way: branch off dev with a / branch, keep the diff minimal and in-scope, verify the running app via its health endpoints before pushing, leave every other branch untouched, and open a PR against dev with a human, professional title and description. Use whenever the user asks to…
Skill Claude CodeCodex
Review third-party license attribution for TT-Studio when dependencies or bundled assets change, and keep the attribution files in sync. Use when a PR adds/updates a dependency (app/backend/requirements.txt, app/agent, inference-api, docker-control-service, or app/frontend/package.json), bundles a binary/model/weights…
Skill Claude CodeCodex
Triage a TT-Studio bug-report ZIP / log bundle (named tt-studio-logs-ttbr- or referenced as ttbr-) to root-cause why a model deploy, board allocation, or Voice Agent pipeline failed. Use when the user shares a path to a TT-Studio log bundle, mentions a bug report ID like ttbr- , or attaches a screenshot of the…
Skill Claude CodeCodex
Install and compose Spark UI signature React components such as Widget Stack, Dynamic Island, Interactive Pets, Tactile Highlight, Shimmer Text, Image Trail, Animated Gradient, Ghost Ether, Logo Carousel, QR Code, Receipt, Number Ticker, Spotify Card, Masonry, Keyboard, and Hello from the Spark UI shadcn-compatible…
FreemapSlovakia/freemap-v3-react
Skill Claude CodeCodex
Translate TODO translate-marked keys from generated locale files into the corresponding .template. files. Use when the user asks to fill in missing translations, finish translating a language, or process TODO translate markers.
hoangsonww/AI-RAG-Assistant-Chatbot
Skill Claude CodeCodex
Build, refine, and debug the React/Vite frontend for Lumina. Use when editing files under client/src or client/package.json, changing chat UX, landing page content, auth flows, routing, theme behavior, markdown rendering, animations, responsive layout, or frontend API wiring.
Skill Claude CodeCodex
Expert guidance for React Flow (@xyflow/react): building interactive node-based graphs, custom nodes and edges, handles, state management, layouting, TypeScript patterns, performance optimization, and theming. Use when writing React Flow code, creating custom nodes or edges, debugging flow issues, optimizing graph…
Skill Claude CodeCodex
Scaffolds a new WebMCP tool component using useMcpTool with Zod schema, handler, annotations, and wires it into the WebMCPProvider tree. Use when the user wants to expose functionality as an MCP tool, make something callable by AI, add a new tool, or create an AI-accessible action.
Skill Claude CodeCodex
Bootstraps webmcp-react into an existing React or Next.js app. Installs dependencies, adds WebMCPProvider, creates a first tool, and configures the MCP client bridge. Use when the user wants to set up WebMCP, add MCP tools to their app, integrate webmcp-react, or make their React app accessible to AI agents.
Skill Claude CodeCodex
Model, review, and refactor application state so source state stays minimal, derived state is computed instead of synchronized, impossible states are not representable, and each piece of state lives in the right place. Use this whenever the user mentions state management, reducers, stores, Redux, Zustand, React state…
Skill Claude CodeCodex
Frontend design guidelines for building React or Next.js components and pages. They explain how to split code, reuse components, organize folders, and keep configuration separate.
Skill Claude CodeCodex
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance…
Skill Claude CodeCodex
Production-tested setup for Tailwind CSS v4 with shadcn/ui, Vite, and React. Use when: initializing React projects with Tailwind v4, setting up shadcn/ui, implementing dark mode, debugging CSS variable issues, fixing theme switching, migrating from Tailwind v3, or encountering color/theming problems. Covers: @theme…
SumoLogic/sumologic-documentation
Skill Claude CodeCodex
GEO (Generative Engine Optimization) principles and patterns for Sumo Logic documentation in the sumologic-documentation repo. Use when creating or updating docs to rewrite headings as questions, adding FAQ sections, applying BLUF writing style, or adding JSON-LD schema markup to Docusaurus frontmatter. Also trigger…
SumoLogic/sumologic-documentation
Skill Claude CodeCodex
This document provides guidance on formatting PR descriptions according to the repository's official PR template. Use this for ALL pull requests, regardless of what changed or how the changes were made.
SumoLogic/sumologic-documentation
Skill Claude CodeCodex
Sumo Logic writing conventions and style guide. Apply when writing, editing, reviewing, or auditing any documentation content for the sumologic-documentation repo. Triggers include drafting new docs, rewriting intros, tone checks, frontmatter audits, and style reviews.
Skill Claude CodeCodex
Generate a validated form with Zod schema, react-hook-form, and i18n.
scoobynko/claude-code-design-skills
Skill Claude CodeCodex
Generate production-ready React/Next.js code from Figma designs. Instructs proper Figma MCP tool usage, component reuse strategies, and variant mapping. CRITICAL: ALWAYS use this skill when user provides a Figma link or mentions implementing/redesigning from Figma design. Never attempt manual implementation without…
Skill Claude CodeCodex
Maps current-branch code changes to covered prose docs and updates only stale prose in isolated Claude sessions. Use before opening a PR, after changing documented behavior, or when the user invokes /docs-sync.
Skill Claude CodeCodex
Work the daily Opslane digest from the repository. Use when the user mentions Opslane, asks what is broken in production, pastes an Opslane issue, or wants to fix or review a digest item.
Skill Claude CodeCodex
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance…
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: