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.

su-webstyle-top12

913

doublesq97-ui/su-webstyle-top12

Skill Claude CodeCodex

Curated Top 12 overseas web styles with executable recipes: browse, choose, recommend, auto-select, and apply. Use for website visual direction, landing pages, style boards, artifacts (cards, dashboards, note readers, sticky-rail ops shells), and skinning existing layouts. Raises a minimum style floor (tokens…

not rated 14 1mo ago A 80 tokens original MIT

astro

914

astrolicious/agent-skills

Skill Claude CodeCodex

Skill for building with the Astro web framework. Helps create Astro components and pages, configure SSR adapters, set up content collections, deploy static sites, and manage project structure and CLI commands. Use when the user needs to work with Astro, mentions .astro files, asks about static site generation (SSG)…

not rated 14 5mo ago A Socket: passSnyk: pass 75 tokens

components

915

AnayDhawan/Components

Skill Claude CodeCodex

Use when building a frontend and the user wants a distinctive / animated / "wow" UI element in React + Tailwind - e.g. a laptop-opening-on-scroll, 3D tilt card, spotlight hero, animated beams/background, marquee, bento grid, interactive globe, meteor/particle background, shimmer button, or scroll/reveal motion.…

not rated 14 +1 changed 8d ago A 202 tokens

claudiocebpaz/vite-react-best-practices

Skill Claude CodeCodex

Comprehensive React and Vite SPA performance, architecture, and deployment guidelines. Use this skill when building, reviewing, or refactoring React applications built with Vite (SPA). Covers Vite-specific build configurations, static hosting requirements, and core React performance patterns.

not rated 14 7mo ago A 59 tokens

build-for-good-ux

918

alper-dev/build-for-good-ux-skill

Skill Claude CodeCodex

Use when building, reviewing, or improving user-facing UI, frontend components, pages, forms, flows, loading states, error handling, empty states, success feedback, graceful degradation, familiar layouts, or choice-heavy interfaces.

not rated 13 1mo ago A 50 tokens original Apache-2.0

remotion-clone-video

919

crafter-station/remotion-clone-video

Skill Claude CodeCodex

Pixel-perfect clone of any video (promo, product demo, motion-graphics piece, UI walkthrough) as a Remotion project, so the result is regenerable and editable as React code. Use when the user provides a video file and asks to clone, recreate, replicate, or rebuild it "as code", "with Remotion", or "pixel perfect".…

not rated 13 1mo ago A 111 tokens

cc-htmlfeedback

920

leetwito/cc-htmlfeedback

Plugin Claude Code

Bundles 1 skill · 113 tokens together

Live in-browser feedback loop for local web pages: serve a page with a comment widget injected, then turn the comments you leave into fix-it tickets Claude Code applies and verifies in place.

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

angular-material-20

921

Angular-Material-Dev/angular-material-ai-rules

Cursor rule Cursor

This rule provides comprehensive best practices and coding standards for Angular development with Angular Material, focusing on Material 3 (a.k.a. M3) design, theme configuration and various API usages.

not rated 13 4mo ago A 0 tokens original MIT

custom-plugin-flutter

923

pluginagentmarketplace/custom-plugin-flutter

Plugin Claude Code

Bundles 13 skills, 4 commands, 8 agents · 915 tokens together

Industrial-grade Flutter development plugin with 8 specialized agents and 12 production-ready skills covering UI, state management, backend integration, database design, performance optimization, testing, DevOps, and native platform integration. 15,500+ lines of expert content, 200+ code examples, 25+ projects.

not rated 13 8mo ago A tokens not measured

htmx

924

chand1012/cursorrules

Cursor rule Cursor

HTMX enhances HTML by adding attributes that trigger dynamic behaviors, such as AJAX requests and content updates. Proper use of these attributes is foundational to effective HTMX development.

not rated 13 9mo ago A 0 tokens original MIT

best-practices

925

ofershap/tailwind-best-practices

Cursor rule Cursor

Tailwind CSS Best Practices - enforces v4 syntax and CSS-first config when working with Tailwind code.

not rated 13 6mo ago A 272 tokens original MIT

docyrus-app-dev-react

926

Docyrus/agent-skills

Skill Claude CodeCodex

Build Docyrus React TypeScript web applications end-to-end, combining authentication, API access, @docyrus/app-utils runtime helpers, @docyrus/devtools in-app debugging, generated collections, TanStack Query/Form patterns, and production-grade UI implementation with preferred component libraries. Use when creating or…

not rated 13 9d ago A 115 tokens

nextjs-docs-mcp

927

nanameru/Next.js-Docs-MCP

MCP server Claude CodeCodexCursor +2

MCP server providing access to Next.js documentation URLs without AI dependency. Runs locally from the @taiyokimura/nextjs-docs-mcp npm package.

not rated 13 1y ago A tokens not measured

wcag-guidelines-mcp

928

joe-watkins/wcag-mcp

MCP server Claude CodeCodexCursor +2

WCAG MCP server for agentic systems - powered by official W3C data. Runs locally from the wcag-guidelines-mcp npm package.

not rated 13 7mo ago A tokens not measured

chrome-extension

930

marduk191/qwen3_mcp

Skill Claude CodeCodex

Use this skill when building, debugging, or modifying Google Chrome extensions. Triggers on: any mention of 'Chrome extension', 'browser extension', 'manifest.json', 'content script', 'background script', 'service worker' (in extension context), 'popup.html', 'chrome.tabs', 'chrome.runtime', 'chrome.storage'…

not rated 13 7mo ago A 95 tokens original MIT

shadcn-vue

931

noartem/skills

Skill Claude CodeCodex

A framework for building ui, components and design systems. Components are added as source code to the user's project via the CLI.

not rated 13 +1 17d ago A Socket: passSnyk: warn 51 tokens

google-fonts

932

sliday/google-fonts-skill

Plugin Claude Code

Bundles 1 skill · 117 tokens together

Google Fonts typography system generator. Searches 1,923 fonts, suggests singles or pairs, generates CSS/Tailwind typographic systems.

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

Impertio-Studio/Three.js-Claude-Skill-Package

Skill Claude CodeCodex

Use when optimizing 3D models for web delivery: reducing file size, compressing meshes, optimizing textures, or generating LOD. Provides a complete GLTF optimization pipeline using Draco, KTX2, mesh simplification, and gltf-transform. Keywords: optimize model, reduce file size, Draco compression, KTX2, gltf-transform…

not rated 13 +2 2mo ago A 105 tokens original MIT

icons

934

AXIOTN/frontend-page-generator

Skill Claude CodeCodex

A guide for choosing and using icons in generated web pages. It prioritizes icons stored locally, then the Lucide icon library, and finally generated SVG icons.

not rated 13 +1 3mo ago A 0 tokens original MIT

replicate-webpage

935

22duxiaoyu/replicate-webpage-skill

Skill Claude CodeCodex

A webpage-rebuilding workflow that recreates the visible layout, responsive behavior, and interactions of a reference URL in your codebase, then applies requested content or branding changes.

not rated 12 2mo ago A 85 tokens original MIT

css-animation

936

neonwatty/css-animation-skill

Skill Claude CodeCodex

Generates self-contained HTML/CSS animations of app features for walkthroughs, demos, and onboarding. Researches the target app via Chrome, interviews the user, generates a structured brief and animation HTML file, then enters an iterative freeze-inspect-feedback review loop until the user approves. Use when the user…

not rated 12 4mo ago A 97 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: