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.

next-devtools

721

803/skills-supply

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

nuxt-conventions

722

e-gov/cursor-prompts

Cursor rule Cursor

Nuxt TypeScript development conventions for components, state, SSR, and testing.

not rated 35 6mo ago A 8,507 tokens original MIT

webgpu

723

cazala/webgpu-skill

Skill Codex

Design, implement, debug, review, and optimize portable WebGPU applications and WGSL shaders. Use when building render or compute pipelines; GPU simulations, cellular automata, particles, image processing, feedback effects, or data-parallel workloads; defining buffers, textures, bind groups, and host-shareable…

not rated 35 3mo ago A 95 tokens

vue

725

devSlow/aigc

Cursor rule Cursor

A set of project rules for Vue 2 web applications, covering project structure and naming files and variables.

not rated 35 1y ago A 0 tokens

auto-favicon

726

dh1011/auto-favicon-mcp

MCP server Claude CodeCodexCursor +2

A Model Context Protocol server providing tools for automatic favicon generation from PNG images or URLs. Runs locally from the auto-favicon Python package.

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

MarcSkovMadsen/holoviz-mcp

Skill Claude CodeCodex

Build custom Panel components using JSComponent (vanilla JS, web components), ReactComponent (React/JSX), AnyWidgetComponent (AnyWidget spec for cross-platform), or MaterialUIComponent (Material UI themed). Use when wrapping JS libraries, creating interactive widgets, or building themed components. Includes decision…

not rated 34 6d ago A SkillSpector: warn 83 tokens original BSD-3-Clause

cinematic-scroll

728

MustBeSimo/cinematic-scroll-skill

Plugin Claude Code

Bundles 2 skills, 1 command · 156 tokens together

Web Design Studio builds distinctive websites with deliberate art direction, interactive 3D, scroll choreography, motion and production-ready fallbacks. Installed under the established cinematic-scroll compatibility key.

not rated 34 changed 1mo ago A tokens not measured original MIT

Sonnysam/starter-template-expo

Cursor rule Cursor

React Native Expo core - data fetching, mutations, API layer, 401 handling, forms, network, accessibility, Expo Router, EAS, platform extensions.

not rated 34 8mo ago A 4,240 tokens

millionco/skills

Skill Claude CodeCodex needs its repo

Use when consolidating, deduping, or reducing the number of CSS custom properties / Tailwind v4 design tokens in a globals.css file. Triggers on requests like "reduce tokens", "standardize design tokens", "too many tokens", "dedupe globals.css", "shrink @theme inline", "collapse similar colors", or any task whose goal…

not rated 34 4mo ago A 135 tokens original MIT

tailwind-v4-shadcn

732

yashshinde0080/promptIO

Plugin Claude Code

Bundles 1 skill, 1 command · 93 tokens together

Set up Tailwind v4 with shadcn/ui using @theme inline pattern and CSS variable architecture. Four-step pattern: CSS variables, Tailwind mapping, base styles, automatic dark mode. Prevents 8 documented errors. Use when initializing React projects with Tailwind v4, or fixing colors not working, tw-animate-css errors…

not rated 34 16d ago A tokens not measured

remymaker-local

733

willjim/RemyMaker

Skill Claude CodeCodex

A local launcher for RemyMaker, a bundled web application that runs on the developer's computer without installing packages.

not rated 34 1mo ago A 79 tokens original MIT

css-protips

734

PyModel/css-pro-tips

Skill Claude CodeCodex

Use when writing, reviewing, refactoring, or modernizing CSS/Tailwind. Apply a policy-first approach: semantic tokens, explicit cascade order, static CSS, intrinsic component layouts, accessible state, measured performance, and progressive enhancement backed by current sources.

not rated 34 changed 1mo ago A 55 tokens original MIT

m2ui

735

martysama0134/m2ui-skill

Cursor rule Cursor

When the user asks to create, modify, or generate Metin2 client UI code, follow the instructions below. This includes requests like "create a window", "make a UI", "add a button to X", "modify uiXxx.py", or when they provide a screenshot of a UI to replicate.

not rated 34 +5 3mo ago A 3,671 tokens

apple-design-web

736

s1gmamale1/apple-design-skills

Skill Claude CodeCodex

Use when building an apple.com-style marketing/product page — the landing-page formula (sticky translucent nav, product-as-hero, full-bleed feature sections, bento grids, fat footer), scroll-driven storytelling, plus the interaction inventory that makes a flagship page feel ALIVE (continuous damped scroll-progress…

not rated 34 +2 5mo ago A 210 tokens

21st-registry

737

21st-dev/skill

Skill Claude CodeCodex

Publish your own work to 21st.dev and manage it from the terminal with the 21st CLI (@21st-dev/cli): publish a React component to a team library, publish a CSS theme or a template listing, edit / unpublish / delete your published items, list and reopen existing component work, and read/replace your public profile page…

not rated 34 +1 1mo ago A Socket: passSnyk: fail 259 tokens original Apache-2.0

fuse-design

738

fusengine/agents

Plugin Claude Code

Bundles 9 skills, 5 commands, 1 agent · 581 tokens together

Design Director for websites, web apps, iOS, and Android. Generates HTML/CSS directly (Gemini Design MCP, Magic/21st.dev, and shadcn MCP are optional). iOS/Android produce tokens + a device-framed mockup + a handoff spec, never SwiftUI/Compose. Design method, design system tokens, motion, UX copy, and a deterministic…

not rated 34 changed 25d ago A tokens not measured original MIT

ui

739

useshape/Shape

Cursor rule Cursor

Shape UI — copy nearest component, semantic tokens, Fluent icons.

not rated 34 5d ago A 0 tokens

artifact-builder

740

camel-vibe/hermes-telegram-artifacts

Skill Claude CodeCodex

Build interactive HTML artifacts for the Telegram Mini App. Use for ANYTHING that benefits from being visual/interactive: recipes (with portion calculators), shopping lists (with localStorage), calculators, charts, diagrams, reference sheets, reports, and tools. When a user asks for food, recipes, meal planning…

not rated 33 5mo ago A 81 tokens original MIT

mofirojean/angular-ui-skills

Skill Claude CodeCodex

Generates Angular Material code and guidance for Angular projects using @angular/material with the Material 3 (M3) theming system. Covers installation, Sass-based theming via mat.theme() and the prebuilt palettes, density and typography customisation, component usage across all categories (form controls, buttons…

not rated 33 +1 changed 16d ago A 180 tokens original MIT

foreman

742

Turki-Sh/Foreman

Plugin Claude Code

Bundles 5 skills · 518 tokens together

A build playbook for shipping real websites with coding agents, by Turki Alshuaibi. The agent interviews you, forces the decisions you would skip, locks a visual system, writes the brief, builds it or hands it over, then verifies, ships and indexes. Three modes set how many questions it asks. Four tools run on their…

not rated 33 changed 8d ago A tokens not measured original MIT

molauu/svg-character-animator

Skill Claude CodeCodex

Generate production-quality SVG character animations — state machines that morph between N SVG states (2–10) with per-state idle motion (breathing, blinking, swaying). Use whenever the user wants to animate a character or mascot between poses/emotions, morph icons/illustrations between forms, build interactive SVG…

not rated 33 +2 2mo ago A 181 tokens original MIT

frontend-design

744

samilozturk/agentlint

Skill Claude Code

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

not rated 32 7mo ago A 43 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: