Frontend

19,567 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.

factory-render-verify

1273

squidbay/factory

Skill Claude CodeCodex needs its repo

Render-and-measure receipts for any HTML page your factory builds — the render half of the design quality gate. Engineer runs it to screenshot every screen size and MEASURE what a source read or a single screenshot only guesses at: horizontal overflow, computed type sizes, tap-target sizes, safe-area presence, mono…

not rated 5 22d ago A 133 tokens original MIT

Azhi-ss/html-effectiveness

Skill Claude CodeCodex

A guide for creating illustrations and diagrams directly in a web page with inline SVG, a built-in format for scalable vector graphics. It covers document illustrations, flowcharts, state machines, and deployment pipelines.

not rated 5 4mo ago A 95 tokens original MIT

vuetify4

1275

dmitrypost/VuetifySkills

Skill Claude Code

Vuetify 4 documentation corpus (release 4.0.5). Use for Vuetify 4-only component, API, directive, and composable questions; prefer API pages for contracts and guide pages for usage examples.

not rated 5 3mo ago A 52 tokens original MIT

scrollytelling

1276

danhnm1203/scrollytelling

Plugin Claude Code

Bundles 1 skill · 101 tokens together

Turn a video you already have into a complete scroll-scrubbed hero page — Next, Nuxt, Astro or plain HTML. The clip advances frame by frame as the visitor scrolls, with copy beats fading in over it. Measures every frame while encoding it, so the page background matches each frame's own border color and each block of…

not rated 5 1mo ago A tokens not measured original MIT

prototype

1277

kurenn/claude-prototype

Skill Claude CodeCodex

Build production-feel HTML prototypes for sales demos and reviews. Runs a discovery Q&A, scaffolds a zero-dep static site (HTML + Tailwind CDN + theme/layout switchers + URL-state + feedback overlay + control bar) and runs a design-quality loop. Use when the user says "prototype", "mockup", "demo", "pitch page"…

not rated 5 changed 8d ago A 126 tokens original MIT

bauhaus-design

1278

capsrock/bauhaus-design-skill

Skill Claude CodeCodex

Create frontends, posters, dashboards, and web UIs rooted in Bauhaus and Swiss International Typographic Style (Internationale Typografische Stil) design principles. Use this skill when the user mentions Bauhaus, Swiss design, International Typographic Style, grid systems, Josef Müller-Brockmann, Max Bill, Jan…

not rated 5 1mo ago A 222 tokens original MIT

ghost-headless-blog

1279

kasuncfdo/ghost-headless-blog-skill

Plugin Claude Code

Bundles 1 skill · 97 tokens together

Headless Ghost CMS blog for Next.js App Router — Content API client, ISR + webhook revalidation, tag/author/paged archives with author bio + social rendering, SEO metadata + JSON-LD, sitemap, Ghost koenig-card styling, blur-up images. Battle-tested patterns with copy-paste templates.

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

web-a11y-authoring

1280

klovaaxel/web-a11y-agent-skills

Skill Claude CodeCodex

Builds accessible pages and components with semantic HTML, correct names/roles/states, keyboard support, focus management, links, images, SVG, media, and native controls first. Use when implementing or refactoring frontend UI.

not rated 5 4mo ago A 52 tokens original MIT

ui-evidence

1281

0xBrewing/ui-evidence

Skill Codex needs its repo

Use when an agent needs to bootstrap ui-evidence in a repo, then discover, configure, or run before/after UI screenshot capture, current UI snapshot capture, local HTML review generation, or git-baseline UI evidence workflows for a web app.

not rated 5 5mo ago A 54 tokens original MIT

effector-ecosystem

1282

demark-pro/skills

Skill Codex

Use when designing, reviewing, generating, or refactoring React applications built with Effector, effector-react, Farfetched, Atomic Router, @effector/next, patronum, effector-storage, forms, i18n, testing, and related Effector ecosystem tooling. For Feature-Sliced Design project structure and placement decisions, use…

not rated 5 2mo ago A 83 tokens original MIT

dsh-plugin-client

1283

hackerFish/awesome-dsh-skills

Skill Claude CodeCodex

A development guide for the browser interface of a DSH plugin, including its package structure, registered interface locations, and build setup.

not rated 5 8d ago A 46 tokens original MIT

web-design

1285

minorcell/skills

Skill Claude CodeCodex

Design and implement high-quality web interfaces by synthesizing proven design philosophies from Dieter Rams, Brad Frost (Atomic Design), Google Material Design, and modern web best practices. Triggered when the user asks to design a web page, UI component, design system, layout, or when asked to review/improve…

not rated 5 1mo ago A 68 tokens original MIT

svelte-lsp

1286

zircote/svelte-lsp

Plugin Claude Code

Bundles 1 command · 9 tokens together

Svelte language server plugin for Claude Code with svelte-language-server integration and automated hooks for linting and formatting.

not rated 5 1mo ago A tokens not measured original MIT

elvia-design-system

1288

3lvia/designsystem

Skill Claude CodeCodex

Reference for UI components in Elvia's design system ("Elvis"). Covers component-specific guidelines for sizing, coloring, types, ordering, labeling, accessibility attributes, CSS setup, and web-component registration. Use when building, reviewing, or fixing UI in an Elvia frontend, even if the request doesn't name…

not rated 5 today A 94 tokens

modern-css

1289

moderncss/skills

Skill Claude CodeCodex

Helps with authoring and reviewing modern CSS for robust, responsive, and accessible UIs — cascade layers, @scope, :has(), nesting, container queries, fluid typography with clamp(), oklch() colors, light-dark() and color-scheme, logical properties, subgrid, and prefers-reduced-motion. Use this skill when the user asks…

not rated 5 25d ago A 123 tokens original MIT

ui-polish

1290

JNZader/repoforge

Skill Claude Code

Four quality gate checklists for frontend: baseline visual, accessibility, metadata/SEO, and motion performance. Post-implementation quality gates. Trigger: When reviewing UI changes, before merging frontend PRs, during sdd-verify.

not rated 5 19d ago A 50 tokens original MIT

shadcn

1291

agudulin/infomate-mcp

MCP server Claude CodeCodexCursor +2

Add components to your apps. Runs locally from the shadcn npm package.

not rated 5 8mo ago A tokens not measured

theokit-agents

1292

usetheokit/theokit

Skill Claude Code

TheoKit agent/LLM integration — agents/.ts convention (AgentBuilder), the tool() builder, capabilities (advanced/DI), useAgent client hook.

not rated 5 today A SkillSpector: warn 36 tokens original Apache-2.0

shadcn

1293

nikolailehbrink/llm-stack

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 5 1mo ago A 90 tokens

angular-patterns

1294

NicoGenti/opencode-orchestrator-kit

Skill Claude CodeCodex

Angular structure, component, and state-management conventions to apply when writing or reviewing Angular code. Load before implementing or reviewing any angular.json-based feature.

not rated 5 8d ago A 33 tokens original MIT

aep

1295

thePM001/AEP-agent-element-protocol

Skill Codex needs its repo

Use this skill whenever working with AEP (Agent Element Protocol) 2.8, dynAEP (main AEP event runtime), Base Node, Composer Lite, CCA / setup agent, component registry, CAW, UCB, Path A/B connect, dynAEP-TA, dynAEP-TA-P or any AEP governance feature. Triggers include 'AEP', 'dynAEP', 'dynAEP-TA', 'dynAEP-TA-P'…

not rated 5 changed 5d ago A SkillSpector: warn 411 tokens original Apache-2.0

elite-engineer

1296

Kerim-Sabic/elite-engineer

Skill Claude CodeCodex

The operating system for elite software engineering in TypeScript, React, and Next.js. Enforces the cognitive models, architecture laws, type-level patterns, component design, visual standards, and performance mandates that separate exceptional software from the ordinary — grounded in named sources (Torvalds…

not rated 5 5mo ago A 167 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: