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.

dropins

1225

commerce-docs/microsite-commerce-storefront

MCP server Claude CodeCodexCursor +2

One of 2 in .mcp.json

Dropins AI Tools gives AI coding assistants deep knowledge of Adobe Commerce Storefront drop-ins: blocks, slots, events, and design tokens. Delivered as an MCP server. Runs locally from the @dropins/ai-tools npm package.

not rated 8 changed 8d ago A tokens not measured original Apache-2.0

image-to-code

1226

SoftMissT/tudo-sobre-vibe-coding

Skill Claude CodeCodex

Elite website image-to-code skill for Codex. For visually important web tasks, it must first generate the design image(s) itself, deeply analyze them, then implement the website to match them as closely as possible. In Codex, it must prefer large, readable, section-specific images instead of tiny compressed boards…

not rated 8 1mo ago A 116 tokens

motion-guide

1227

JarvixGaby/motion-guide-skill

Skill Codex

Use when designing, adding, changing, suggesting, or reviewing UI motion. Motion Guide is a default-trigger motion decision advisor for AI coding agents: it decides whether motion should exist, selects an appropriate functional or expressive pattern, and constrains implementation with timing, easing, accessibility…

not rated 7 3mo ago A 65 tokens original MIT

rn-launch-harness

1228

tjdrhs90/rn-launch-harness

Plugin Claude Code

Bundles 17 skills · 497 tokens together

React Native app development harness for Claude Code, Antigravity, and Codex — from market research to store submission. Automates the entire mobile app lifecycle: ideation, planning, design, development, AdMob integration, EAS build, screenshots, and App Store / Google Play submission.

not rated 7 changed 10d ago A tokens not measured original MIT

xonack/wp-ux-design-claude-skill

Plugin Claude Code

Bundles 1 skill · 59 tokens together

WordPress UX/design enforcement skill covering Core Web Vitals, mobile-first design, typography systems, color management, navigation UX, page builder patterns, and loading/error states.

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

core-web-vitals

1230

thisisAhsanIqbal/nextjs-seo-audit

Skill Claude CodeCodex

Audits HTML patterns that affect Core Web Vitals (LCP, CLS, INP). Checks for layout shift causes, largest contentful paint blockers, and interaction responsiveness issues. Use when optimising page performance or fixing Google PageSpeed Insights warnings.

not rated 7 8mo ago A 55 tokens original MIT

input-anticipation

1231

seangeng/skills

Skill Claude CodeCodex

Implement anticipatory UI — interfaces that react to pointer intent before the click. Three patterns: a proximity focus ring that warms as the cursor nears a field, a magnetic target that leans toward the cursor, and trajectory prediction that arms/prefetches the element the cursor is heading toward. Use this skill…

not rated 7 4mo ago A 221 tokens original MIT

adobe-fonts-skill

1232

alexh/adobe-fonts-skill

Skill Claude CodeCodex

Search Adobe Fonts (Typekit) families, create and manage web kits/projects, and return ready-to-use embed snippets plus CSS font-family values. Use when the user asks to find Adobe fonts, compare font options, set up Typekit for a website, add fonts to kits, publish kits, or generate copy/paste font embed metadata for…

not rated 7 8mo ago A 86 tokens original MIT

component-scaffolder

1233

memi-design/design-sandbox

Agent Claude Code

Scaffolds shadcn-based React compositions into src/app/sandbox/page.tsx from a spec (from screenshot-decoder) or a plain brief. Use AFTER screenshot-decoder, or directly when the user gives a text-only brief.

not rated 7 7d ago A 53 tokens original MIT

opentalk2html-notmd

1234

Aimino-Tech/OpenTalk2HTML-NotMD

MCP server Claude CodeCodexCursor +2

MCP server for HTML generation from AI agents. Runs locally from the @aimino/opentalk2html-notmd npm package.

not rated 7 1mo ago A tokens not measured GPL-3.0

ui-ux-pro-max

1236

TUAN130294/vibecodekit

Skill Claude Code

UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page…

not rated 7 10mo ago B 202 tokens

muzaffar640/commitpress

Cursor rule Cursor

Cursor rule "performance-accessibility" from muzaffar640/commitpress, covering performance and accessibility guidelines, performance optimization, image optimization, static generation and code splitting.

not rated 7 1y ago A 0 tokens original MIT

zx06/xsql

Skill Claude CodeCodex

Guidance on writing fast, robust, modern Svelte code. Load this skill whenever in a Svelte project and asked to write/edit or analyze a Svelte component or module. Covers reactivity, event handling, styling, integration with libraries and more.

not rated 7 16d ago A 59 tokens copy · 95% MIT

color-system

1240

yuqizhang1228-blip/AI-color-system

Skill Claude CodeCodex

A brand-based UI colour system covering brand, background, text, and semantic colours, with light and dark modes, accessibility checks, and platform token names.

not rated 7 4mo ago A 136 tokens

pencil-atelier

1243

JesusJimenezC/pencil-atelier

Plugin Claude Code

Bundles 4 skills, 3 agents · 640 tokens together

Library-agnostic design-quality toolkit for Pencil (.pen) files and any companion codebase. Enforces a universal 4px-grid sizing scale, variable-first design tokens, and component extraction at the second repetition - independent of CSS framework. Ships three read-only subagents (pencil-auditor for quality enforcemen.

not rated 7 6mo ago A tokens not measured GPL-3.0

website-creator

1245

burtrw/website-creator

Plugin Claude Code

Bundles 4 skills, 2 commands · 245 tokens together

Create WordPress block themes from simple descriptions. Interactive workflow: describe your site, review design mockups, pick a direction, preview in WordPress Playground, and deploy to WordPress.com or self-host.

not rated 7 9mo ago A tokens not measured

semantic-html

1246

schalkneethling/webdev-agent-skills

Skill Claude CodeCodex

Write well-considered semantic HTML that serves all users. Use when creating components, page structures, or reviewing markup. Emphasizes native HTML elements over ARIA. Treats proper document structure and accessibility as foundations rather than afterthoughts.

not rated 7 6mo ago A 51 tokens original MIT archived

anime-js-mcp-server

1247

yeshsurya/anime-js-mcp-server

MCP server Claude CodeCodexCursor +2

A Model Context Protocol (MCP) server for Anime.js animation library, providing AI assistants with access to Anime.js components, APIs, examples, and documentation. Runs locally from the anime-js-mcp-server npm package.

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

dhis2-mcp-server

1248

Dradebo/dhis2-mcp

MCP server Claude CodeCodexCursor +2

A Model Context Protocol server providing 108 tools for DHIS2 development, including code generators, debugging helpers, and documentation access for web and Android app development. Runs locally from the dhis2-mcp-server npm package.

not rated 7 3mo 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: