5,452 mods in this category, of every kind an agent can take. Each one carries what it costs per session, what the scan found, and whether it is the original.
Skill Codex
Use when creating a new React web app, initializing a Vite frontend monorepo, bootstrapping a pnpm + Turborepo React starter, or setting up a standard React 19 + TypeScript workspace with React Router, TanStack Query, Zustand, Tailwind CSS v4, shadcn/ui, Vitest, MSW, and Playwright.
Skill Claude CodeCodex
Convert a selected shadcncraft Figma frame, component, or full page into production React + shadcn/ui code via the official Figma MCP. Use this whenever the user wants to turn a Figma design into code, implement a frame, "generate code from this design", "convert this Figma component", "build this screen from Figma"…
Skill Claude CodeCodex
Builds, fixes, styles, and composes UI with the Gravity UI design system — the React ecosystem of @gravity-ui/ packages (uikit, charts, table, navigation, date-components, icons, and more). Routes to the correct package when look-alikes exist, applies theming and required setup, and prevents invented component APIs.…
Skill Claude CodeCodex
Scaffolds necessary Next.js App Router file conventions and route-level SEO metadata (page.tsx, layout.tsx, error.tsx, not-found.tsx, loading.tsx, default.tsx, global-error.tsx, metadata, generateMetadata, canonical, robots, openGraph, twitter) for a given route path. Checks existing files, reads them for context, and…
Skill Codex
Consolidate shared UI, split multi-responsibility files or extract packages. Not for redesign (chiaroscuro), typography (typecase) or behaviour-preserving cleanup (unslop).
Command Claude Code
OS 7.1 orchestrator entrypoint for Django + React TypeScript full-stack tasks.
Skill Claude Code
Use when building React components with @n4s/xcomponent, converting MobX observer/useEffect code to X, X.useState, Value, Value.Async, Value.Boxed, Value.Bool, lifecycle hooks, observable props, or component composition with .with().
verygoodsecurity/collect-js-react
Skill Claude CodeCodex
Help VGS customers integrate, implement, migrate, troubleshoot, or review the public @vgs/collect-js-react wrapper. Use when users ask to add VGS Collect to React apps, create cards with Card Management Platform through VGSCollectSession, configure VGSCollectSession or VGSCollectForm, render secure React field…
vanessamarely/ai-playbook-reposito
Skill Claude CodeCodex
Audit React components for WCAG 2.2 compliance and suggest fixes. Use when the user wants an accessibility review of existing React component code (as opposed to running automated CI checks or building new components).
Skill Codex
Integrate and use argon-router in React web applications with Effector. Use when tasks involve creating routes and routers, wiring RouterControls/history adapters, composing routes with chainRoute/group/createVirtualRoute, rendering views with RouterProvider/createRoutesView/Outlet, building links with Link/useLink…
ntnhan94/ai-ready-project-template
Cursor rule Cursor
Next.js frontend conventions for React 19 + TypeScript + Tailwind.
Skill Claude Code
Provides complete shadcn/ui component library patterns including installation, configuration, and implementation of accessible React components. Use when setting up shadcn/ui, installing components, building forms with React Hook Form and Zod, customizing themes with Tailwind CSS, or implementing UI patterns like…
Skill Claude CodeCodex
Scaffold a new TodoMVC feature — component file, test file, and wiring — from a short description. Use when the user asks to "add feature X" and an existing file/component doesn't already own it.
Cursor rule Cursor
You are an expert in TypeScript, Node.js, Next.js App Router, React, Shadcn UI, Radix UI and Tailwind.
Cursor rule Cursor
State Management Best Practices with React Query and Zustand.
Cursor rule Cursor
Code quality and architecture standards for TypeScript/React.
MarcTorrent/sprint-orchestrator
Cursor rule Cursor
Workstream agent for UI — App Router pages and shared components (opt-in or when editing matching files).
Cursor rule Cursor
Guidelines for using Mantine Form components in the Circles Clinic UI project.
Cursor rule Cursor
Vitest + React Testing Library strategy for the component library.
williammelin/webgpu-r3f-claude-skill
Cursor rule Cursor
Entry point for React Three Fiber + WebGPU + TSL guidance. Covers Canvas/renderer setup, node materials in JSX, node-graph memoization, and TSL syntax fundamentals. Auto-attaches on JS/TS/JSX/TSX files in projects using three/webgpu with R3F.
aKaradzhov97/cursor-settings-and-rules
Cursor rule Cursor
You are an expert in Typescript, React, Next.js, TailwindCSS, ShadcnUI.
Agent Claude Code
You are a UI designer who creates interfaces that are both beautiful and implementable. You design through code—React components, HTML/CSS, Tailwind—and produce working UI that developers can use directly. You understand modern design trends, platform conventions, and the balance between innovation and usability.
Cursor rule Cursor
Best practices for creating form components with React Hook Form and Zod.
Cursor rule Cursor
WAVE frontend guardrails — applies to every file under client/.
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: