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.

magic-patterns-mcp

1443

ryanleecode/magic-patterns-mcp

MCP server Claude CodeCodexCursor +2

A Model Context Protocol (MCP) server that provides tools for creating UI designs and components using the Magic Patterns API. This server enables AI assistants to generate React components, HTML/CSS layouts, and complete web interfaces through natural la. Runs locally from the magic-patterns-mcp npm package.

not rated 4 8mo ago A tokens not measured original MIT archived

fsdarch

1444

jhlee0409/claude-plugins

Plugin Claude Code

Bundles 4 skills, 6 commands · 102 tokens together

Feature-Sliced Design architecture assistant that analyzes, validates, and scaffolds FSD-compliant project structures.

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

atelier

1445

Mazalucas/El-DT-Lightweight-Army

Skill Claude Code needs its repo

Atelier design intelligence (El DT + Impeccable). Use for UI/UX design, craft, critique, audit, polish, anti-slop, tokens, decks, and frontend iteration. Invoke /atelier [target]. Covers landing, dashboard, product UI, components, motion, a11y, and design system alignment.

not rated 4 1mo ago A 72 tokens original MIT

claude-design-mode

1448

OkminLee/claude-design-mode

Plugin Claude Code

Bundles 1 skill, 1 agent · 88 tokens together

HTML/JSX design artifact creation with versioning, asset tracking, live preview, AI-slop verifier, starter components, in-page Tweaks panel, 5 sub-skills (deck, wireframe, make-tweakable, save-as-pdf, handoff), and helper scripts for pulling GitHub references and reading PNG/JPG dimensions.

not rated 4 4mo ago A tokens not measured original MIT

testable-nextjs-skill

1449

kndoshn/testable-nextjs-skill-plugin

Plugin Claude Code

Bundles 1 skill · 58 tokens together

Claude Code Skill for writing testable Next.js applications. Provides guidance for testing App Router, RSC, Server Actions, Route Handlers, and middleware with minimal test deltas and stability tactics.

not rated 4 8mo ago A tokens not measured original MIT

frontend-aesthetics

1450

dnh33/frontend-aesthetics

Plugin Claude Code

Bundles 1 skill · 74 tokens together

Unified frontend aesthetics skill for webshop development. Anti-AI-slop rules, distinctive typography, CSS-var palettes, purposeful motion, layered backgrounds. Optimized for e-commerce conversion with 2026 research data.

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

wordpress-development

1451

gaupoit/wordpress-development-skill

Skill Claude Code

This skill provides comprehensive WordPress development expertise including self-hosted setup with Docker and Nginx, theme development (block and classic), plugin development with security best practices, performance optimization, and security hardening. Use this skill when setting up WordPress environments…

not rated 4 8mo ago A 101 tokens

frontend-design

1452

mager/frontend-design

Skill Claude CodeCodex

Frontend design skill that generates, restyles, and guides UI development in mager's actual design taste — concept-led interfaces that feel authored, tactile, expressive, and highly usable, spanning editorial warmth, bright modern product design, and high-contrast neon systems. Use this skill when building or…

not rated 4 4mo ago A 66 tokens

30-scss-and-build

1453

sowee121/frontend-interview-vue

Cursor rule Cursor

Coding rules for Sass, a stylesheet language, and Vite, a tool that builds front-end applications. They define naming, file organization, automatic variables, and deployment paths.

not rated 4 1mo ago A 0 tokens original MIT

modern-flexbox

1454

maccman/ai-expo-starter-template

Cursor rule Cursor

// ✅ GOOD: Use gap for automatic spacing const styles = StyleSheet.create({ container: { gap: 16, // Consistent 16px between all children paddingBottom: 20, }, }).

not rated 4 11mo ago A 0 tokens original MIT

micrographic

1455

albegosu/micrographic-skill

Skill Cursor

Use this skill to build micrographic UI components and views — cards, panels, dashboards, dense data displays — matching the industrial label collage north star (examples/reference-collage.png). Compression not minimalism; metadata as texture. Two type scales (display 80px+ vs micro 7–11px); dual display modes (light…

not rated 4 3mo ago A 143 tokens original MIT

c15t

1456

c15t/skills

Skill Claude CodeCodex

Work with c15t consent management docs, APIs, and integrations for Next.js, React, and JavaScript. Use when the user asks about c15t setup, components, hooks, styling, cookie/consent UX, GDPR/CCPA/IAB TCF compliance, script or iframe blocking, GTM/GA4/PostHog/Meta integrations etc, or self-hosting c15t/backend.

not rated 4 5mo ago A Socket: passSnyk: pass 87 tokens

its-just-mcp

1457

its-just-ui/its-just-mcp

MCP server Claude CodeCodexCursor +2

MCP server for its-just-ui React component library - Generate, customize, and document UI components with AI. Runs locally from the its-just-mcp npm package.

not rated 4 1y ago A tokens not measured original MIT

aria-mcp

1459

joe-watkins/aria-mcp

MCP server Claude CodeCodexCursor +2

ARIA specification MCP server for accessibility professionals and AI agents. Runs locally from the aria-mcp npm package.

not rated 4 7d ago A tokens not measured

shadcn-mcp-server

1460

magnusrodseth/shadcn-mcp-server

MCP server Claude CodeCodexCursor +2

MCP Server for shadcn/ui components. Runs locally from the @magnusrodseth/shadcn-mcp-server npm package.

not rated 4 1y ago A tokens not measured

web-stylebook-design

1461

seungdori/web-stylebook-mcp

Skill Claude CodeCodex

Use BEFORE building, auditing, improving, or redesigning any frontend UI (a page, screen, component, dashboard, form, checkout, chat, or developer console). Confirms audit coverage and change depth, then calls the Web Stylebook MCP to evaluate visual design, user-facing copy and information structure, behavior…

not rated 4 13d ago A 133 tokens original MIT

qrwc-svelte-mcp

1462

M3-Technology-Group/qrwc-svelte-mcp

MCP server Claude CodeCodexCursor +2

A Model Context Protocol Server for Svelte Projects using Q-SYS QRWC. Runs locally from the qrwc-svelte-mcp npm package.

not rated 4 9mo ago A tokens not measured

podium marketplace

1463

hoainho/podium-mcp

Plugin Claude Code

Lists 1 plugin

Podium — the mobile + canvas automation MCP for AI agents: iOS & Android control, native UI automation, Maestro E2E, React Native debugging, and a no-vision canvas/WebGL brain that taps game UIs like DOM elements — for Claude Code.

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

mcp

1464

megberts/mcp-websitepublisher-ai

MCP server Claude CodeCodexCursor +2

Build and publish websites through AI conversation. Remote server at mcp.websitepublisher.ai.

not rated 4 27d ago A tokens not measured

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: