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.

design-taste-frontend

1393

akikisai/copilot-custom-config-template

Skill Claude CodeCodex

Senior UI/UX Engineer. Architect digital interfaces overriding default LLM biases. Enforces metric-based rules, strict component architecture, CSS hardware acceleration, and balanced design engineering. Also activated by skill name: "design-taste-frontend".

not rated 5 7mo ago A 53 tokens

service_expose

1395

XSpoonAi/spoon-bot

Skill Claude CodeCodex

Run user-created frontend/backend/WebSocket services and expose them through Cloudflare by default when the user asks to start, deploy, preview, share, or make the service accessible. Local-only is allowed only when explicitly requested.

not rated 5 1mo ago A 48 tokens

hallmark

1396

ai-integr8tor/Nutlope-hallmark

Skill Claude CodeCodex

Anti-AI-slop design skill for greenfield pages, audits, redesigns, and design extraction from URLs or screenshots. Use when the user asks to build a new app or landing page, wants to redesign something, invokes Hallmark by name, or uses audit/redesign/study.

not rated 5 3mo ago A 61 tokens copy · 95% MIT

apple-design

1397

KabriAcid/Skills

Skill Claude CodeCodex

Create Apple-inspired modern, minimalist UI designs with glassmorphism, smooth animations, generous whitespace, and elegant typography. Use when designing portfolio websites, landing pages, hero sections, product showcases, or implementing Apple-style components, dark mode, or responsive layouts.

not rated 5 3mo ago A 54 tokens

hytale-ui-windows

1398

MnkyArts/hytale-skills

Skill Claude CodeCodex needs its repo

Create custom UI windows, containers, and interactive interfaces for Hytale plugins. Use when asked to "create inventory UI", "make custom window", "add container interface", "build crafting UI", "custom GUI", "create .ui file", or "design UI layout".

not rated 5 9mo ago A 61 tokens original MIT

codex-design-skill

1399

mason0510/codex-design-skill

Skill Claude CodeCodex

Use when the user asks for high-fidelity HTML design deliverables, tweakable prototypes, slide decks, animated demos, design-system-aligned UI exploration, or wants Codex to work like a design delivery partner instead of a generic page coder.

not rated 5 6mo ago A 55 tokens original MIT

the-morphism

1400

ensayiti/The-Morphism

Skill Claude CodeCodex

Anti-slop morphism & aesthetic design skill for AI coding agents. Glassmorphism, Futurism, Neubrutalism, Brutalism, Minimalism, Maximalism, Swiss Design, and Bauhaus — exact CSS recipes, a motion system, a typographic scale, and named anti-patterns. The agent reads the brief, picks the right style, and ships…

not rated 5 2mo ago A 98 tokens original MIT

scroll-web

1401

DannyZZ2/scroll-web

Skill Codex

Use when turning a brand URL, approved brand kit, product story, or value chain into a scroll-controlled video webpage.

not rated 5 3mo ago A 27 tokens original MIT

angelapaia/frontend-design-engineer-skill

Skill Claude CodeCodex

Art Director + Senior Frontend Engineer that autonomously builds complete websites, landing pages, and web frontends from a single user phrase. Handles the full pipeline: intake brief, visual direction selection (8 curated styles), component sourcing (shadcn/ui, MagicUI, ReactBits, 21st.dev, Aceternity UI), design…

not rated 5 7mo ago A 231 tokens

pw-admin-ui

1403

trk/processwire-boost

Skill Claude CodeCodex

Use when designing, structuring, or rendering HTML for ProcessWire Admin interfaces, custom Process modules, or Inputfields.

not rated 5 changed 5d ago A 28 tokens

etch-wp

1404

p3LZ3r/etch-wp-skill

Skill Claude CodeCodex

Expert knowledge for Etch WP - a Unified Visual Development Environment for WordPress. Generates complete JSON in Gutenberg block format for components, sections, patterns, or templates. Uses Automatic.css (ACSS) v4 variables. See reference files for complete documentation.

not rated 5 7mo ago A 55 tokens

yeasin2002/twist-toast

Skill Claude CodeCodex

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance…

not rated 5 8mo ago A 67 tokens

a11y-annotate

1406

pwodkowski/a11y-md

Skill Claude CodeCodex

Use this skill on every UI turn that touches composition — building, modifying, restructuring, or annotating any page, component, route, form, layout, navigation, modal, focus behaviour, or live region. Make sure to use this before any UI code change, and whenever the user asks what an a11y.md captures. Triggers on…

not rated 5 5mo ago A 133 tokens original MIT

react-best-practices

1407

blueflyio/openstandardagents

Skill Claude CodeCodex

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance…

not rated 5 2mo ago A 65 tokens original Apache-2.0

impeccable

1408

thecodingend/rails-starter

Skill Codex needs its repo

Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states.…

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

angular-expert

1409

Graidenix/personal-claude-collection

Skill Claude Code

Senior Angular + Angular Material expert. Auto-activates when "@angular/core" is found in package.json. Before any code: checks project version against latest Angular release, flags deprecated APIs, and advises migration path. Enforces standalone components, signals, inject(), new control flow (@if/@for/@defer)…

not rated 5 5mo ago A 82 tokens

frontend-design

1410

yodakeisuke/mcp-desicive

Cursor rule Cursor

A set of frontend development rules covering file design, data access, changes to data, state management, performance, and assets.

not rated 5 1y ago A 5 tokens

khiemnd777/noah

Skill Codex

Use when implementing or modifying frontend work in Noah so changes follow the existing module registration, route metadata, API wrapper, mapper, schema, table, and widget patterns.

not rated 5 5mo ago A 40 tokens

motion-system

1412

eimis1990/inzone

Skill Claude CodeCodex

Skill to understand and work better with motion systems.

not rated 5 4mo ago A 12 tokens original MIT

darkyzhou/carbon-design-guidelines

Skill Claude CodeCodex

Guides, references, and tooling for building React UIs with IBM's Carbon Design System (@carbon/react v11). Covers design foundations (grid, color, spacing, typography, theming, motion, accessibility), component usage with code samples, design patterns (forms, dialogs, notifications, loading, empty states), and data…

not rated 5 5mo ago A 113 tokens original MIT

nextjs

1414

rootstrap/ai-ide-rules

Cursor rule Cursor

// ✅ Server Component (default) export default function ProductPage({ params }: { params: { id: string } }) { // This runs on the server const product = await fetchProduct(params.id); return ; }.

not rated 5 1y ago A 0 tokens

page-codegen

1415

ChenyCHENYU/wl-skills-kit

Skill Claude CodeCodex

A code-generation guide for creating complete Vue 3 pages from a page inventory and an API contract. It follows the conventions of the cx-ui-produce project.

not rated 5 changed today A 65 tokens

wordpress

1416

brmbh/wordpress

Skill Claude CodeCodex

Scaffold, set up, and work with a brmbh WordPress theme. Use when the user wants to create a new brmbh theme, set up the WordPress development environment, install dependencies, run the doctor check, add ACF blocks or custom post types, deploy, or sync the database.

not rated 5 3d ago A 65 tokens GPL-2.0

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: