Frontend

20,540 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.

storybook-mcp

337

storybookjs/mealdrop

MCP server Claude CodeCodexCursor +2

MCP server "storybook-mcp", hosted remotely at localhost, as configured in storybookjs/mealdrop.

not rated 248 1mo ago A tokens not measured

co-design

338

am-will/swarms

Skill Claude CodeCodex

Only to be triggered by explicit /co-design commands. Parallel task executor that routes frontend/design tasks to Claude CLI print mode for superior design output.

not rated 247 6mo ago A 32 tokens

jeecg-codegen

339

jeecgboot/skills

Skill Claude CodeCodex needs its repo

A JeecgBoot code generator that turns a natural-language request into a CRUD module: code for creating, reading, updating, and deleting records. It produces Java backend code, Vue 3 frontend code, menus, permissions, and database migration SQL.

not rated 246 23d ago A SkillSpector: warn 91 tokens original Apache-2.0

testing

340

udecode/plate-playground-template

Skill Claude CodeCodex

Skill "testing" from udecode/plate-playground-template, covering testing goal, core rules, seam selection, fixtures and assertions and quick reference.

not rated 242 2d ago A SkillSpector: pass 5 tokens original MIT

vibehub

341

oil-oil/vibe-hub-skill

Skill Codex

A terminology helper for Vibe Coding tasks, where software is built from natural-language requests. It turns vague descriptions into clearer technical wording and identifies useful terms for interface, web, software, Git, AI-agent, or design concepts.

not rated 241 +4 1mo ago A SkillSpector: pass 175 tokens original MIT

AGENTS

343

antdigital-ai/agentic-ui

Cursor rule Cursor needs its repo

Repository rules for Ant Design, a React and TypeScript component library published as the npm package antd. They cover setup, supported environments, code style, naming, testing, and compatibility.

not rated 237 24d ago A 3,867 tokens original MIT

ui-beats

344

nikhils4/ui-beats

Skill Claude CodeCodex

Use this skill when users want to add, customize, or troubleshoot UI Beats components in React/Next.js projects. It covers component selection, shadcn registry installation from uibeats.com, the UI Beats MCP server, motion and reduced-motion handling, and integration patterns for animated sections.

not rated 235 2mo ago A SkillSpector: warn 62 tokens original MIT

nerv-ui

345

TheGreatGildo/nerv-ui

Skill Claude CodeCodex

NERV Operations Console aesthetic for web interfaces — Evangelion-inspired instrumentation UI with black void backgrounds, sparse high-contrast color coding (orange headers, green nominal data, cyan wireframes, red alerts), dense monospaced data readouts, measurement overlay grids, hex scanner patterns, CRT/VHS…

not rated 232 8mo ago A 109 tokens original MIT

openyida/openyida

Skill Claude CodeCodex

A development guide for creating custom pages in Yida, a business application platform, using React 18. It covers pages such as websites, dashboards, workspaces, lists, details, and portals inside YidaCodeCanvas.

not rated 231 +2 changed yesterday A SkillSpector: pass 98 tokens original MIT

dig-ui

347

originaleric/dig-ui-skill

Skill Codex

A design-system guide for building and reviewing Dig web and product interfaces. It provides rules, page layouts, reusable interface parts, and design tokens such as shared colors and spacing.

not rated 230 changed 20d ago A 77 tokens original Apache-2.0

DeckardGer/tanstack-agent-skills

Skill Claude CodeCodex

TanStack Query (React Query) best practices for data fetching, caching, mutations, and server state management. Activate when building data-driven React applications with server state.

not rated 229 +1 1mo ago A 41 tokens original MIT

opentui

349

msmps/opentui-skill

Skill Claude CodeCodex

OpenTUI skill for building terminal user interfaces with the Core, React, or Solid APIs. Use for any TUI task including components, layout, keyboard and keymap handling, animations, and testing.

not rated 228 +1 2mo ago A Socket: passSnyk: pass 45 tokens copy · 86% MIT

streamlit/agent-skills

Skill Claude Code

Use for ALL Streamlit tasks: creating, editing, debugging, beautifying, styling, theming, optimizing, or deploying Streamlit apps. Also custom components, st.components.v2, HTML/JS/CSS work. Discovers and loads version-matched reference docs from the user's installed Streamlit (>=1.57). Triggers: streamlit, st.…

not rated 226 +1 3mo ago A Socket: passSnyk: pass 128 tokens copy · 100% Apache-2.0 archived

motion-dev-animations

351

199-biotechnologies/motion-dev-animations-skill

Skill Claude Code

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 effects, parallax, hero animations, gestures, drag interactions, spring physics, whileHover effects, whileInView animations, animated UI…

not rated 222 +5 7mo ago A 175 tokens original MIT

variate

352

Nutlope/variate

Skill Claude CodeCodex

Puts real design variations of one project file on the user's own localhost, behind a small card that flips them with the arrow keys, then keeps listening for their verdict. Use when the user wants design variations, alternatives, or directions to choose between; asks to try a different hero, layout, palette, section…

not rated 221 +6 2mo ago A 168 tokens original MIT

frontend

353

Zleap-AI/Zleap-Agent

Cursor rule Cursor

Frontend design-system rules for packages/web (tokens, components, i18n).

not rated 220 3mo ago A 0 tokens original Apache-2.0

internet-development/nextjs-css-agent-components

Skill Claude CodeCodex

Port a component from nextjs-css-agent-components into a different repo without losing the design-system precision. Use when the user says "copy this component to ", "lift Button into ", "bring the Thin layout over", or otherwise wants a faithful transplant of one or more components from this codebase. Carries over…

not rated 218 +1 changed 6d ago A SkillSpector: pass 106 tokens original MIT

stardrive-project

355

peltmonger/stardrive

Skill Claude CodeCodex

Configure, customize, extend, and maintain websites built with the Astro Stardrive boilerplate. Use when creating a Stardrive project, completing its guided setup, changing its pages or components, or preserving Stardrive conventions while adding features.

not rated 216 +4 5d ago A SkillSpector: pass 51 tokens original MIT

claude-design

356

jiji262/claude-design-skill

Skill Claude CodeCodex

Produce thoughtful, high-fidelity design artifacts in HTML — landing pages, slide decks, interactive prototypes, animated videos, posters, wireframes, and visual explorations. Use whenever the user asks to design, mock up, prototype, visualize, storyboard, or explore UI options — including phrases like "make a deck"…

not rated 214 +1 3mo ago A 202 tokens original MIT

wp-block-development

358

Automattic/agent-skills

Skill Claude CodeCodex

Use when developing WordPress (Gutenberg) blocks: block.json metadata, registerblocktype(frommetadata), attributes/serialization, supports, dynamic rendering (render.php/rendercallback), deprecations/migrations, viewScript vs viewScriptModule, and @wordpress/scripts/@wordpress/create-block build and test workflows.

not rated 211 9mo ago A Socket: passSnyk: pass 67 tokens archived

seo-landing

359

aleksandr-alhoff/seo-landing

Skill Claude CodeCodex

Generates fast, SEO-optimized static HTML landing pages targeting 100/100 PageSpeed (LCP < 2.5s, INP < 100ms, CLS < 0.1), full schema.org JSON-LD, AVIF images, critical CSS, zero external dependencies. Use when: user asks to create/build/generate a landing page, one-pager, or static site with focus on SEO, speed, or…

not rated 207 +3 16d ago A 122 tokens original MIT

microcharts

360

ganapativs/microcharts

MCP 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 206 +1 yesterday A tokens not measured 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: