2,555 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
Skill Claude CodeCodex
Migrate a React @tanstack/react-form codebase from the prop-drilled useForm + erased-form-type pattern to the official createFormHook composition API (useAppForm / withForm / field.X). Use when a project threads a form object (often cast to an any-erased type like ReactFormExtendedApi ) through field-wrapper…
DanielKerridge/claude-code-power-platform-skills
Skill Claude CodeCodex
Use when building, deploying, or using PowerApps Component Framework (PCF) controls. Covers field controls and dataset controls, React virtual controls, control lifecycle, manifest configuration, solution packaging, and deployment. Triggers on: "pcf", "custom control", "component framework", "dataset control"…
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
Universal coding standards, best practices, and patterns for TypeScript, JavaScript, React, and Node.js development.
Skill Claude CodeCodex
Build custom dropdown/select/autocomplete/multiselect components using Mantine's Combobox primitives. Use this skill when: (1) creating a new custom select-like component with Combobox primitives, (2) building a searchable dropdown, (3) implementing a multi-select or tags input variant, (4) customizing option…
Skill Claude CodeCodex
Build custom components that integrate with Mantine's theming, Styles API, and core features. Use this skill when: (1) creating a new component using factory(), polymorphicFactory(), or genericFactory(), (2) adding Styles API support (classNames, styles, vars, unstyled), (3) implementing CSS variables via…
Skill Claude CodeCodex
Use when adding a new built-in chart type to drizzle-cube. Covers type definition, component, config, the unified chartRegistry entry, lazy loading, icons, exports, and the deliberately-separate chart-type lists in the MCP app, agent tools and CLI.
Skill Claude CodeCodex
Use when adding a new analysis/query mode to drizzle-cube (e.g., cohort, path analysis). Covers backend types, query builder, executor/compiler integration, frontend adapter, store slice, hooks, UI components, tests, and icon.
Skill Claude CodeCodex
Use before finishing or opening a PR for a large / multi-file change to drizzle-cube, to ensure code quality does not regress. Runs fallow audit (complexity, duplication, dead code, circular deps scoped to the diff, reporting issues the change introduces) plus a madge circular-dependency snapshot. Report-only — it…
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
Use this skill whenever the user mentions Atlassian Design System, Atlaskit, Jira-style UI, Confluence-style UI, ADS components, design tokens, xcss, @atlaskit/css, primitives, navigation system, or wants to build/refactor React interfaces to match Atlassian patterns. This skill helps choose the right ADS component…
realjaymes/marketingagentskills
Skill Claude CodeCodex
Remotion video creation in React - dynamic concept catalog for video briefs, cold audience optimization, and technical best practices.
Skill Claude CodeCodex
Migrate from Grid Lite (IgrGridLite) to the premium Ignite UI for React Data Grid (IgrGrid) — imports, theme CSS, column and template API changes, sorting and filtering, remote data replacing dataPipelineConfiguration, and the toolbar/export APIs. Use when Grid Lite lacks a needed feature such as editing, selection…
Skill Claude CodeCodex
Pick, install, and use Ignite UI for React (Igr) components — package routing, theme CSS, JSX and slots, events, refs, forms, TypeScript, charts/gauges/maps, grids. Use when choosing a component for a UI pattern, setting up igniteui-react, writing Igr JSX, wiring events or refs, or debugging components that render…
Skill Claude CodeCodex
Theme Ignite UI for React with CSS custom properties — brand palette, dark mode, size/spacing/roundness, per-component tokens, and scoped themes, optionally via the igniteui-theming MCP server. Use when applying brand colors, switching light/dark, overriding a component's appearance (grid headers, buttons, avatars)…
Skill Claude CodeCodex
Generate a production-ready system prompt for a ForgeChat WhatsApp AI agent (order bot, booking bot, lead-capture bot, etc.) AND, when a ForgeChat MCP connector is available, build/configure that agent directly in ForgeChat over MCP. Use this skill WHENEVER the user wants to "write a prompt for an agent", "build a…
Skill Claude CodeCodex
Bump, build, publish, tag, and changelog vibedgames npm packages — vibedgames (CLI), @vibedgames/multiplayer, and/or @vibedgames/gamepad. Skips packages with no changes since last release. Use when the user wants to ship a new version. Args optional: package(s) and bump type, e.g. "release multiplayer patch", "release…
Skill Claude CodeCodex
Author or edit ThinkEx widgets, which are self-contained interactive HTML blocks inside documents. Use when the user explicitly asks for a widget, asks for interaction or live computation, or wants a document visual that ordinary blocks cannot express.
Skill Claude CodeCodex
UI Component Editor workflow. Use when the user wants to implement a React component from a screenshot in an SDD project, iterating visually with live preview.
Skill Claude CodeCodex
Read a React Doctor review file, let the user choose a rule type to work on, then apply fixes sequentially with confirmation at each step. Use this skill whenever the user wants to fix React Doctor issues, work through a review file, or asks to resolve a specific rule type or section of react doctor output.
Skill Claude CodeCodex
Review and maintain README.md for accuracy against the current repository contents.
Skill Claude CodeCodex
Resolve yarn audit --groups dependencies findings in Yarn workspaces, especially when dependency versions drift across packages or a transitive vulnerability requires a targeted upgrade or resolutions entry. Use when Codex needs to investigate or fix dependency audit issues and should use syncpack when version…
saeedkolivand/ai-job-hunter-app
Skill Claude CodeCodex
Procedures for auditing apps/landing TERMINAL VELOCITY WebGL phase gates - driving the browser to exact playhead positions across the 9 scenes, screenshot discipline, scrub + VAT determinism (scrub down THEN rewind to the same playhead -> identical frame), FPS sampling at the risk scenes, draw-call + bundle-size…
saeedkolivand/ai-job-hunter-app
Skill Claude CodeCodex
DORMANT (ADR-0017, 2026-07-20) - the TERMINAL VELOCITY scroll-film was retired and apps/landing is a static site with no GL surface; this skill is preserved for any future WebGL rebuild (conventions, verified version pins, playhead/scroll-rig/VAT/Gerstner/post-chain patterns, budgets, gate + semantic-layer machinery).…
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: