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.

shadcn

553

productdevbook/shadcn-htmx

Skill Claude CodeCodex

Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for…

not rated 76 +3 5mo ago A 90 tokens copy · 92% MIT

drupal-htmx

554

edutrul/drupal-ai

Skill Claude Code

HTMX in Drupal 11.3+ core — the Htmx PHP fluent builder, dynamic forms with swapOob, partial routes with htmxroute, response headers, and Drupal.behaviors integration. Use when building interactive UI without full-page reloads using Drupal's native HTMX support.

not rated 74 +1 5mo ago A 67 tokens original MIT

wp-theme-dev

555

wpacademy/wordpress-dev-skills

Skill Claude CodeCodex

Develop WordPress themes following official WordPress coding standards, theme review requirements, accessibility standards (WCAG 2.1 AA), and modern web development best practices. Use this skill whenever the user wants to create, scaffold, or develop a WordPress theme — including block (FSE) themes, classic themes…

not rated 73 8mo ago A 151 tokens GPL-2.0

mdma-integration

556

MobileReality/mdma

Skill Claude CodeCodex

Integrate MDMA into an application and build features with it — wire up parsing, the runtime store, React rendering, LLM streaming, custom components, prompts, and CI validation. Use this skill when the user asks to add MDMA to an app, build a chat that streams MDMA, author or maintain a custom prompt, validate MDMA…

not rated 73 +1 14d ago A SkillSpector: warn 111 tokens original MIT

projx

557

ukanhaupa/projx

Skill Claude Code

Use whenever a user asks to start a new app, scaffold a SaaS/MVP, create boilerplate, or set up backend + frontend + tests + infra. Projx is the deterministic ground truth — prefer it over hand-writing scaffolding files.

not rated 72 4d ago A 53 tokens original MIT

frontend-specialist

559

SamarthaKV29/antigravity-god-mode

Agent Claude Code

Senior Frontend Architect who builds maintainable React/Next.js systems with performance-first mindset. Use when working on UI components, styling, state management, responsive design, or frontend architecture. Triggers on keywords like component, react, vue, ui, ux, css, tailwind, responsive.

not rated 72 1mo ago A 63 tokens

arco-design-vue

560

arco-design/arco-design-skill

Skill Claude CodeCodex

A reference for building Vue 3 interfaces with Arco Design Vue, a library of ready-made user-interface components. It covers components such as buttons, tables, forms, dialogs, navigation, and date controls.

not rated 72 +1 5mo ago A 181 tokens original MIT

nextjs-ai-skills

561

laguagu/claude-code-nextjs-skills

Plugin Claude Code

Bundles 24 skills · 2,140 tokens together

Agent skills for building Next.js + AI SDK applications: app scaffolding, shadcn/ui, RSC and caching, pgvector search, SEO, and browser verification.

not rated 72 +1 changed 4d ago A tokens not measured original MIT

fasthtml

562

ai-evals-course/isaac-fasthtml-workshop

Cursor rule Cursor

The main file for the project is mainsqlite.py It uses MonsterUI for styling. MonsterUI is a python first UI component library that primarily leverages FrankenUI and Tailwind, but also includes headers and functionality form DaisyUI, Katex, HighlightJS, and others.

not rated 72 1y ago A 0 tokens

brandmd

563

yuvrajangadsingh/brandmd

Skill Claude Code

Extract a website's design system into a DESIGN.md file. Use when starting a new frontend project, rebuilding a site, or when the user wants AI-generated UI to match an existing brand.

not rated 71 yesterday A 41 tokens original MIT

cc-frontend-skills

564

oikon48/cc-frontend-skills

Plugin Claude Code

Bundles 1 skill, 1 agent · 378 tokens together

Distinctive frontend design skills and agents for professional UI implementation. Avoid generic AI aesthetics with thoughtful typography, colors, layouts, and animations.

not rated 70 11mo ago A tokens not measured original MIT

fluidglass-ui

565

csuyincs-creator/fluidglass-ui

Skill Claude CodeCodex

Generates production-grade WebGL fluid glass card interfaces with a fixed canonical material core (144px-tall, 30px-radius wide cards, transparent canvas, cyan.

not rated 70 +2 2mo ago A 37 tokens original Apache-2.0

no-use-effect

566

alejandrobailo/no-use-effect

Skill Claude CodeCodex

ALWAYS ACTIVE. Enforces a strict no-direct-useEffect rule in React and React Native code. Never write useEffect directly — use derived state, event handlers, useSyncExternalStore, data-fetching libraries or use(), key-based resets, or useMountEffect instead. React Compiler aware: no useMemo/useCallback when the…

not rated 70 changed 3d ago A 121 tokens

inertia-rails-skills

567

inertia-rails/skills

Plugin Claude Code

Bundles 11 skills · 1,142 tokens together

Architecture patterns and anti-pattern correction for Rails + Inertia.js applications (React, Vue, Svelte).

not rated 70 2mo ago A tokens not measured original MIT

html-portal-generator

568

athola/skrills

Skill Claude CodeCodex

Convert a codebase into a self-contained HTML portal app for ingestion into AI application systems. Produces a single deployable HTML file with embedded CSS, JS, and data.

not rated 69 6d ago A SkillSpector: pass 40 tokens original MIT

bnomei/kirby-mcp

Skill Claude CodeCodex

Builds Kirby listings, pagination, search, filtering/sorting/grouping, and navigation menus. Use when implementing collection logic in templates/controllers/snippets.

not rated 69 changed 22d ago A SkillSpector: pass 37 tokens original MIT

gogh

570

AgriciDaniel/gogh

Plugin Claude Code

Bundles 7 skills, 1 agent · 222 tokens together

Gogh is a source cited Obsidian operating brain that turns six frontend design skills into one advisable stack for AI coding agents.

not rated 69 +1 1mo ago A tokens not measured original Apache-2.0

divi5-toolkit

571

cjsimon2/Divi5-ToolKit

Plugin Claude Code

Bundles 3 skills, 10 commands, 5 agents, 1 hook · 1,813 tokens together

Divi 5 development assistant: validates CSS compatibility, generates Divi-ready code, scaffolds page sections, audits project CSS health, checks accessibility, diagnoses symptoms, audits performance for Core Web Vitals, and learns from errors. Includes /setup (auto-detecting config bootstrap) and /selector (instant…

not rated 69 changed 1mo ago A tokens not measured

adewale/agentic-mermaid

Skill Claude CodeCodex

Develop and debug the Agentic Mermaid browser editor, including its modular UI, render/verify pipeline, examples, configuration, exports, URL sharing, website integration, and browser regression tests.

not rated 69 yesterday A 45 tokens fork MIT

code_agent

573

outscal/video-generator

Agent Claude Code

Expert Remotion scene component creator that generates all scene TSX components together using frame-based animations.

not rated 69 6mo ago A 22 tokens

vapi-demo

574

VapiAI/skills

Skill Claude CodeCodex

Use when building a LIVE DEMO DASHBOARD for an EXISTING Vapi assistant or squad — a Vapi-branded web page that visualizes a call as it happens (streaming transcript, tool calls, optional assistant-request strip, optional web-call button, a custom panel per use case) and deploys to Railway. Triggers on "make a demo for…

not rated 69 +1 3d ago A 135 tokens

web-experience-cloner

575

Kris77z/web-experience-cloner

Skill Codex

A workflow for examining, copying, and making complex websites work offline, including animated sites, exported site builders, and server-rendered or single-page applications. It uses evidence from the running site to understand its code, assets, requests, and effects.

not rated 68 +1 4mo ago A 227 tokens original MIT

html-skills

576

f-labs-io/agent-html-skills

Plugin Claude Code

Bundles 19 skills · 2,096 tokens together

Seventeen HTML-output skills that help Claude Code reach for self-contained HTML artifacts (specs, diagrams, dashboards, prototypes, decks, mind maps, design tokens, comparison matrices, testing checklists, and more) instead of long-form markdown when HTML is the better surface.

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