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.

a11y

1249

0xjcf/MCP_CodeAnalysis

Cursor rule Cursor

Properly implemented semantic HTML and ARIA attributes are essential for ensuring web applications are fully accessible. These guidelines help developers implement accessibility best practices consistently.

not rated 7 9mo ago A 3,115 tokens

OscarDRT/supastarter-nextjs-skill

Skill Claude CodeCodex

Guides development with supastarter for Next.js only (not Vue/Nuxt): tech stack, setup, configuration, database (Prisma), API (Hono/oRPC), auth (Better Auth), organizations, payments (Stripe), AI, customization, storage, mailing, i18n, SEO, deployment, background tasks, analytics, monitoring, E2E. Use when building or…

not rated 7 9mo ago A 124 tokens original MIT

fantastic-ui

1251

succtorlin/fantastic-ui

Skill Claude CodeCodex

Design and build instrument-grade marketing pages and in-product surfaces (app pages, dashboards, panels, and subpanels) that feel like the product, not a template. When the look is not decided yet, it renders the two or three best-fitting directions as sample pages to choose from before building. Use for landing…

not rated 7 changed 7d ago A 242 tokens original MIT

react-hook-form

1253

jesseoue/cursor-rules

Cursor rule Cursor

Cursor rule "react-hook-form" from jesseoue/cursor-rules, covering react hook form development rules, core setup, basic form setup, advanced form patterns and complex form with nested objects.

not rated 7 1y ago A 0 tokens

quickfill

1254

DikshitRJ/quickfill-mcp

Agent Claude Code

Expert in rendering interactive UIs and dashboards from data.

not rated 7 6mo ago A 14 tokens original MIT

ui-error-snapshot

1255

duo121/ui-error-snapshot

Cursor rule Cursor

A development check that reads a stored snapshot of uncaught errors from a web, Electron, or React Native Web interface. It reports whether the development interface has a visible error screen or captured stack trace.

not rated 7 4mo ago A 394 tokens original MIT

niceui

1256

lxhcool/niceui

Skill Codex

A user-interface design guide that starts with the user's task, the product, its content, and available visual references.

not rated 7 2mo ago A 90 tokens

classmcp

1258

TheDecipherist/classmcp

MCP server Claude CodeCodexCursor +2

MCP server providing semantic CSS patterns optimized for AI code generation - supports Tailwind, Bootstrap, UnoCSS, Tachyons with 77% token savings. Runs locally from the classmcp npm package.

not rated 7 10mo ago A tokens not measured original MIT

uisandbox

1259

Ideelab/uisandbox

Plugin Claude Code

Bundles 1 skill, 1 MCP server · 155 tokens together

Play with your app's design, right in the browser: open a built web app in UISandbox, 1:1 and with its own knobs, from the chat; try a change, verify, export the patch. Bundles the /uisandbox skill and the uisandbox MCP server.

not rated 7 +1 15d ago A tokens not measured original MIT

html-to-miniprogram

1262

raidenfc/my-skills

Skill Claude CodeCodex

A conversion tool for turning HTML, React, or Vue demo pages into native WeChat Mini Program projects. WeChat Mini Programs are small apps that run inside WeChat.

not rated 7 3mo ago A 59 tokens

survey-creator-skill

1263

piter902/survey-creator-skill

Skill Claude CodeCodex

Create schema-validated HTML survey pages from natural-language requirements using the admin designer references. Use this skill whenever the user asks to create, design, prototype, render, or generate a survey/questionnaire HTML page, especially when they want free-form UI style but need the question structure…

not rated 7 5mo ago A 94 tokens original MIT

extrair-design-system

1264

xperiun/genesis-os

Skill Claude CodeCodex

Extrai o design system de um HTML/URL/print e gera um design-system.html canônico (11 seções, anatomia replicável, regras do/dont, tokens CSS, classes .ds-, WCAG AA, voz, versionamento) preservando 100% das classes/animações originais. Salva o DS mestre do seu OS em contexto/design-system.html e a referência extraída…

not rated 7 3mo ago A 162 tokens

branded-motion-sites

1265

Samin12/branded-motion-sites

Skill Codex

Create or upgrade premium branded websites, landing pages, mobile web experiences, and interactive sections using a curated motion-design catalog, reusable interaction primitives, brand-first art direction, responsive behavior, accessibility, performance budgets, and verification. Use when the user asks for a branded…

not rated 7 3mo ago A 93 tokens

vaadin-skills

1266

vaadin/agent-skills

Plugin Claude Code

Bundles 5 skills, 1 MCP server · 731 tokens together

Skills and tools for building high-quality Vaadin 25 applications with Java/Flow — theming, visual design, form layout, browserless UI testing, and reviewing code for workarounds where Vaadin already has an API. Includes the hosted Vaadin MCP server for current documentation and API lookup.

not rated 7 changed 7d ago A tokens not measured original Apache-2.0

wp-interactivity-api

1267

Automattic/skillsmith

Skill Claude CodeCodex

Must use when building any kind of frontend interactivity in WordPress — dynamic or static blocks, classic themes, anything using data-wp- directives, the @wordpress/interactivity package, wpinteractivitystate/wpinteractivitydatawpcontext/wpinteractivityconfig helpers, the interactivity-router, or whenever a task…

not rated 7 2mo ago A 112 tokens GPL-3.0

personal-homepage

1268

Ceciliaaaaaaaaaa/personal-homepage-design

Skill Claude CodeCodex

A Chinese-language skill for designing and building personal homepage websites, portfolios, and developer or designer brand pages in an Apple-inspired style. It outputs two polished HTML homepage options.

not rated 7 7mo ago A 105 tokens

datastar

1269

VimCommando/datastar-skills

Skill Codex

Datastar-first web app development skill for backend-driven HTML over SSE, signal design, data- attribute usage, and Datastar interaction patterns. Use when building, reviewing, debugging, refactoring, or planning Datastar apps; when choosing what belongs in backend state vs signals; when authoring data- attributes or…

not rated 7 7mo ago A 80 tokens original MIT

fluid-design

1270

kemiljk/fluid-design

Skill Claude CodeCodex

Use this skill whenever building interfaces that should feel physically responsive, alive, and polished. Trigger for spring animations, gesture-driven UI, interruptible animations, physics-based motion, drag interactions, momentum scrolling, layout animations, shared element transitions, spatial UI…

not rated 7 7mo ago A 126 tokens original MIT

web-taste

1271

lllkn/web-taste

Skill Codex

Learn transferable design relationships from reference webpages, visualize evidence, remember explicitly approved preferences, and apply relevant taste memory to interfaces. Use for learning a reference site's visual system or designing with previously saved taste. Ordinary frontend implementation or component…

not rated 7 +1 changed 1mo ago A 61 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: