Frontend

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

adobe-fonts-skill

1153

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 7mo ago A 86 tokens original MIT

adobe-express-core

1154

Sandgrouse/adobe-express-dev-skill

Skill Claude CodeCodex

Adobe Express environment essentials, two-runtime architecture, project setup, and MCP server configuration. Use when starting add-on development, understanding iframe vs sandbox boundaries, configuring MCP servers, setting up local projects, or validating manifest configuration.

not rated 7 1mo ago A 50 tokens

uiforge

1155

TaewoooPark/UIForge

Plugin Claude Code

Bundles 4 skills, 6 commands, 1 MCP server · 838 tokens together

Clone any website's design into clean, editable React + Tailwind, with your content. Renders a reference, extracts its full design (every color, gradient, shadow, font, box) into a Tailwind v4 theme, replays a faithful reconstruction, loops a visual diff against the original until it matches, then exports an editable…

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

component-scaffolder

1156

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 yesterday A 53 tokens original MIT

opentalk2html-notmd

1157

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 2mo ago A tokens not measured GPL-3.0

ai-frontend-design-kit

1159

kkunkunya/ai-frontend-design-kit

Plugin Claude Code

Bundles 10 skills · 2,026 tokens together

AI-first frontend design toolkit for Claude Code and Codex: 7-stage flow (requirement -> six-dimension research -> dualround interview -> visual anchors -> asset gen -> code impl -> design review) + scenario C increment router + ten-line anti-slop gate + kun 15-segment DESIGN.md writer + i18n essentials. Each skill…

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

vulk

1160

VULK-dev/vulk-mcp-server

MCP server Claude CodeCodexCursor +2

VULK MCP Server - prompt-to-immersive-site connector for Claude, Codex, Cursor, Windsurf, VS Code, Gemini CLI, and MCP-compatible agents. Generate, edit, inspect, and deploy 3D/WebGL, video-rich, moodboard-driven, full-stack web projects through VULK. Runs locally from the vulk-mcp-server npm package. Needs 2…

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

ui-ux-pro-max

1161

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 9mo 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 12d ago A 59 tokens copy · 95% MIT

color-system

1166

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 2mo ago A 136 tokens

htmx

1167

piyiotisk/htmx-skills

Plugin Claude Code

Bundles 1 skill · 83 tokens together

Build interactive web UIs with htmx by adding hypermedia attributes to HTML and returning HTML fragments from the server.

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

pencil-atelier

1171

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 4mo ago A tokens not measured GPL-3.0

21st

1173

21st-dev/claude-code-plugin

Plugin Claude Code

Bundles 7 skills, 1 MCP server · 1,055 tokens together

Find, generate, build, explore, review, and publish project-aware UI with seven verified 21st.dev skills plus the remote 21st MCP server.

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

website-creator

1174

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 7mo ago A tokens not measured

semantic-html

1175

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 4mo ago A 51 tokens original MIT archived

anime-js-mcp-server

1176

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

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: