Skill Claude CodeCodex
This skill provides guidance for AI agents working with the Hex1b TUI (Terminal User Interface) library and its MCP diagnostic tools.
not rated 175 today A 0 tokens
original MIT
microcharts
74MCP server Claude CodeCodexCursor +2
Find, wire, and render microcharts — word-sized React charts with generated alt text. Runs locally from the @microcharts/mcp npm package.
not rated 168
+6 yesterday A
tokens not measured
original MIT
spiceflow
75Skill Claude CodeCodex
Spiceflow is a super simple, fast, and type-safe API and React Server Components framework for TypeScript. Works on Node.js, Bun, and Cloudflare Workers. ALWAYS load this skill BEFORE writing or editing ANY spiceflow code, including one-line changes: routes, pages, layouts, loaders, server actions, forms…
not rated 167 13d ago A 159 tokens
original MIT
Skill Claude CodeCodex
Frontend development skill for React, Next.js, TypeScript, and Tailwind CSS applications. Use when building React components, optimizing Next.js performance, analyzing bundle sizes, scaffolding frontend projects, implementing accessibility, or reviewing frontend code quality.
not rated 149 3mo ago A 52 tokens
original MIT
Skill Claude CodeCodex
Author app-like designs in React/JSX and bundle them in-sandbox into the same single self-contained HTML artifact Design Studio delivers. Use when the design needs real state, complex interactivity, or component reuse beyond what vanilla JS comfortably handles.
not rated 142
+1 yesterday A 53 tokens
original Apache-2.0
Skill Claude CodeCodex
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. Use when the user asks for a landing page, sales page, signup page, CRO improvements, above-the-fold vs below-the-fold structure…
not rated 140 17d ago A 95 tokens
Skill Claude CodeCodex
Build full-stack React applications using React Router's framework mode. Use when configuring routes, working with loaders and actions, handling forms, handling navigation, pending/optimistic UI, error boundaries, or working with react-router.config.ts or other react router conventions.
not rated 137 2mo ago A Socket: passSnyk: pass 56 tokens
original MIT archived
Skill Claude CodeCodex
Create Framer Code Components and Code Overrides. Use when building custom React components for Framer, writing Code Overrides (HOCs) to modify canvas elements, implementing property controls, working with Framer Motion animations, handling WebGL/shaders in Framer, or debugging Framer-specific issues like hydration…
not rated 134 1mo ago A Socket: passSnyk: pass 71 tokens
original MIT
spotpatch
81Skill Codex
A development workflow for React that connects a selected page element to its JSX or TSX source code and gathers context for review.
not rated 134 yesterday A 93 tokens
original MIT
MCP server Claude CodeCodexCursor +2
MCP server "react-devtools" as configured in qbit-ai/qbit. Runs tools/react-devtools-bridge/dist/cli.js with node.
not rated 127 5mo ago A
tokens not measured
install-next
83Skill Claude CodeCodex
Installs and wires @rsc-boundary/next into a Next.js App Router app (dependencies, root layout provider, optional explicit markers). Use when the user wants to add RSC Boundary, integrate @rsc-boundary/next, or set up server/client boundary devtools in Next.js. The unscoped rsc-boundary package on npm is deprecated …
not rated 126 yesterday A 82 tokens
original MIT
Skill Claude CodeCodex
Set up React Three Fiber scenes, Canvas, typed JSX, hooks, and resource ownership. Use for scene architecture and render-loop setup, rather than detailed materials or effects.
not rated 114
changed 3d ago A Socket: passSnyk: pass 42 tokens
Skill Claude CodeCodex
Pixel-perfect Figma to React conversion using coderio. Generates production-ready code (TypeScript, Vite, TailwindCSS V4) with high visual fidelity. Features robust error handling, checkpoint recovery, and streamlined execution via helper script.
not rated 113 3mo ago A 52 tokens
original Apache-2.0
HorusGoul/eslint-plugin-react-render-types
Skill Claude CodeCodex
Install and configure eslint-plugin-react-render-types in a TypeScript React project. Use when: (1) adding eslint-plugin-react-render-types to a project, (2) configuring ESLint flat config with typed linting for @renders support, (3) troubleshooting typed linting errors or plugin configuration, (4) setting up…
not rated 111 1mo ago A 129 tokens
original MIT
emanueleielo/deepagents-open-lovable
Skill Claude CodeCodex
React component patterns for reusable, maintainable code.
not rated 109 4mo ago A 13 tokens
Skill Claude CodeCodex
Class-based reactive state management for React (Expressive MVC). Use when writing or refactoring React state - converting useState/useEffect/useMemo hooks, fixing prop drilling, choosing state ownership (State vs Component, has-pool domain rows, region controllers), dependency snapshots, presence boundaries with…
not rated 103 yesterday A 82 tokens
original MIT
Skill Claude CodeCodex
Use whenever the user wants to build or modify a chat, agent, or tool-calling UI in a React 19 + Tailwind v4 project — especially if the code imports from @/components/agent-elements/ or the project has that folder on disk. Triggers: "agent chat", "tool call UI", "streaming chat", "plan approval", "AgentChat"…
not rated 99
+1 4mo ago A Socket: passSnyk: warn 142 tokens
original MIT
Skill Codex
Design, review, or implement AgentOS UI and UX work using the project’s operator-console visual system. Use for React/Tailwind pages, cards, dialogs, mobile layouts, theme work, navigation, forms, empty/loading/error states, and UI consistency reviews in AgentOS.
not rated 98
+1
changed 2d ago A 62 tokens
original MIT
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…
not rated 95
+2 3d ago A 67 tokens
agent-skills-hub/agent-skills-hub
Skill Claude CodeCodex
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
not rated 94
+2 12d ago A 24 tokens
original MIT
Skill Claude CodeCodex
React Router performance and architecture patterns. Use when writing loaders, actions, forms, routes, or working with React Router data fetching. Triggers on tasks involving React Router routes, data loading, form handling, or route organization.
not rated 90
+1 7mo ago A Socket: passSnyk: pass 53 tokens
original MIT
animate
94Skill Claude CodeCodex
Animation patterns and best practices for Next.js/React applications. Use this skill when implementing animations, transitions, hover effects, page transitions, modals, or any motion in React components. Based on Emil Kowalski's "Animations on the Web" course.
not rated 89
+1 7mo ago A 54 tokens
elements
95MCP server Claude CodeCodexCursor +2 ✓ vendor
NVIDIA Elements UI design system and agent tools for AI/ML, robotics, and autonomous vehicles. Runs locally from the @nvidia-elements/cli npm package.
not rated 85 yesterday A
tokens not measured
original Apache-2.0
nerv-ui
96Skill Codex
Build original, accessible React command-center interfaces with the published @mdrbx/nerv-ui component library. Use for dashboards, monitoring terminals, operational tools, authentication screens, or sharp industrial HUD-style UI in React, Vite, or Next.js.
not rated 85
+1 7d ago A 54 tokens
original MIT
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: