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.

design-taste-frontend

1585

Heet-P/skills

Skill Claude CodeCodex

Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check.

not rated 2 3mo ago A 61 tokens

ui-excellence

1586

fernando-bertholdo/4-successful-AI-life

Plugin Claude Code

Bundles 13 skills · 1,193 tokens together

Comprehensive UI/UX skills for web interfaces — 13 skills with triage coordinator spanning visual design, typography, accessibility, usability audits, conversion optimization, microinteractions, and engagement loops.

not rated 2 2d ago A tokens not measured original MIT

LLl0k0laD/agent-skills

Skill Claude CodeCodex

Use when designing APIs, module boundaries, or any public interface. Use when creating REST or GraphQL endpoints, defining type contracts between modules, or establishing boundaries between frontend and backend.

not rated 2 today A 41 tokens original MIT

ink

1588

georg-unterholzner/ink-skill

Skill Claude CodeCodex

Build CLI applications using React. Use when creating terminal UIs, handling keyboard input, or building interactive command-line tools with React components. Supports flexbox layouts, text styling, focus management, and accessibility.

not rated 2 7mo ago A 43 tokens

ui-ux-laws

1589

AmirGhl/ui-ux-laws

Skill Claude CodeCodex

Priority-ordered rulebook of core UX/UI laws, cognitive-psychology principles, Nielsen's usability heuristics, and accessibility requirements that Claude must actively apply (not just cite) whenever it designs, builds, redesigns, reviews, or critiques any user interface — websites, web/mobile apps, dashboards, forms…

not rated 2 1mo ago A 203 tokens original MIT

blender-web-pipeline

1590

mhd347/blender-expert-skill

Skill Claude CodeCodex

Blender to web export workflows for 3D models and animations. Use this skill when exporting Blender models to glTF for web, optimizing 3D assets for Three.js or Babylon.js, batch processing models with Python scripts, automating Blender workflows, or creating web-ready 3D pipelines. Triggers on tasks involving Blender…

not rated 2 3mo ago A 116 tokens

atelier-director

1591

luminary19/atelier

Agent Claude Code

Award-grade frontend ART + TECHNICAL DIRECTOR and orchestrator for the Atelier suite. Takes a single brief and returns a finished, premium, production-grade WEBSITE by running the image-first "design-then-code" pipeline across a specialist team (atelier-design-lead → atelier-build-engineer → atelier-ship-reviewer)…

not rated 2 2mo ago A 248 tokens

next-devtools

1592

chayan-1906/Claude-Lens-Next.js

MCP server Claude CodeCodexCursor +2

Next.js development tools MCP server with stdio transport. Runs locally from the next-devtools-mcp npm package.

not rated 2 2mo ago A tokens not measured copy · 100% MIT

nextjs-app-router

1593

desilokesh1/antigravity-fullstack-hq

Skill Claude CodeCodex

Next.js App Router best practices, Server Components, Server Actions, routing patterns, and data fetching strategies. Use when building Next.js applications with the App Router.

not rated 2 yesterday A 37 tokens original MIT

use-ui-libraries

1594

cruzedevelopment/use-ui-libraries

Skill Claude Code

Enforces using existing UI component libraries, design systems, and registries instead of building components from scratch. Auto-triggers when building UI, creating components, designing pages, adding frontend features, or working on any web application interface.

not rated 2 6mo ago A 51 tokens original MIT

ai-image-frontend-ui

1595

qiuxinyuan321/fumeng

Skill Claude CodeCodex

A workflow for creating frontend user-interface visuals with AI, from visual reference and real materials to generated code, browser screenshots, and visual comparison. It focuses on layouts, typography, exact text, interface states, and avoiding invented content.

not rated 2 4mo ago A 7 tokens original MIT

frontend-kit

1597

webmilmind1/claude-plugins

Plugin Claude Code

Bundles 3 skills · 292 tokens together

Frontend Design Kit — UI, UX, components, charts & animation for Claude Code. Three skills in one: KokonutUI (polished React/Tailwind components), Bklit UI (charts & data-viz), and Anime.js v4 (animation engine).

not rated 2 1mo ago A tokens not measured

design-guide

1598

GrubbyLee/design-guide

Skill Claude CodeCodex

Frontend design and production engineering orchestrator that inventories projects, scales design depth, presents review artifacts, locks executable contracts, implements accessible responsive interfaces, and verifies interactions, visual regressions, and performance. Use when the user invokes design-guide…

not rated 2 1mo ago A 137 tokens original MIT

bricks-builder-dev

1600

yasirshabbirservices/Bricks-Builder-MCP

Skill Claude Code

Use when developing for Bricks Builder (WordPress): custom elements, controls, query loops, dynamic data tags, templates/element trees, Style Manager (global variables, color palettes, theme styles, breakpoints), custom fonts, global classes, interactions, popups, query filters, or debugging Bricks rendering/CSS…

not rated 2 2mo ago A 177 tokens original MIT

cursor-reveal-hero

1601

sergekostenchuk/mouse-trail-masking-reveal

Skill Codex

Build, repair, tune, and validate interactive cursor-trail mask reveal hero effects in frontend projects. Use when implementing canvas-based base/reveal compositing, soft radial cursor masks, fading cursor trails, reveal debug controls, full-screen hero scenes without site text, or browser smoke checks for cursor…

not rated 2 2mo ago A 80 tokens copy · 92% MIT

high-plains-drifter

1602

alexconner-79/high-plains-drifter

Skill Claude CodeCodex

Align a design to your real Storybook components instead of reconstructing it. Use when turning a Figma frame into React built from an existing component library (Build mode), or when pulling scrappy exploratory code into line with the library once a direction feels right (Align mode). Triggers include "build this…

not rated 2 2mo ago A 148 tokens original MIT

web-engineer

1603

eduairet/claude-font-proofer

Agent Claude Code

Builds dependency-free vanilla HTML/CSS/JS webfont test pages inside web-tests/ — no frameworks, no build step. Based on the detected font characteristics it first asks the user which tests they want (variable-axis sliders, font-size slider, OpenType feature toggles, kerning on/off, script/language switching…

not rated 2 2mo ago A 97 tokens original MIT

brille

1604

race-nevils/brille

Skill Claude Code

Render a proposed UI change or set of design concepts as real HTML in the project's own design system, serve it locally, and loop on the operator's clicked decisions and inline annotations until they approve. The visual alternative to describing UI in a wall of terminal text or a markdown plan. Use when the operator…

not rated 2 22d ago A 111 tokens original MIT

joyride-studio

1605

parakeet09/joyride-studio

Skill Claude CodeCodex

Visual helper for react-joyride in any React + Vite repo. /joyride-studio init scaffolds an in-browser capture inspector, the tour runtime, and a vite plugin. /joyride-studio start enables authoring so developers click real elements in the running app to define tour targets. /joyride-studio turns captures into a wired…

not rated 2 4mo ago B 149 tokens

design-taste-frontend

1606

FilippoDeSilva/skills

Skill Claude CodeCodex

Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check.

not rated 2 2mo ago A 61 tokens

stoop-api

1607

mislavjc/stoop

Skill Claude CodeCodex

Publish a stoop site over HTTP with an API key, from a server-side app, agent, or CI job that has no folder and no terminal. Use when code you are writing needs to publish or revise a web page at runtime — a bot posting a report, a job publishing a dashboard. If you have the files on disk and a terminal, use stoop…

not rated 2 1mo ago A 82 tokens original MIT

landing-page-craft

1608

divyanshu-iitian/agent-website-design-skills

Skill Codex

Design, implement, or improve a distinctive, conversion-focused landing page or marketing website. Use for homepages, product pages, launch pages, portfolios, pricing pages, waitlists, campaign pages, and other flows that must explain an offer, establish trust, and guide a measurable next action.

not rated 2 22d ago A 63 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: