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.

ux-pilot

841

Sakaax/ux-pilot

Plugin Claude Code

Bundles 1 skill · 24 tokens together

UX co-pilot — conversational UX designer with live preview. 376 rules, 161 palettes, 57 font pairings, 67 styles. Phases: Discovery (ABCD questions), Audit (code scan + scored report), Preview (local server + named versions), Export (spec + React/Svelte/Vue components).

not rated 19 5mo ago A tokens not measured original MIT

ui-ux-pro-max

842

whyiyhw/seek

Skill Claude CodeCodex

UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS). Actions: plan, build, create, design…

not rated 19 yesterday B 238 tokens copy · 100% MIT

forge

843

Webba-Creative-Technologies/forge

Skill Claude Code

Forge design system for React. Use when writing any React UI in this project, when picking which component to use, when theming, when creating block templates, or when reviewing UI code for accessibility and anti-patterns. Covers components, tokens, theming, motion, patterns, a11y, and anti-patterns.

not rated 19 3mo ago A 67 tokens original MIT

unship

844

mbenhard/unship

Skill Claude CodeCodex

Compare agent-made alternatives in a local browser preview with Unship. Use for comparison setup, iteration, Canvas, selection, cleanup, and Unship installation or update troubleshooting.

not rated 19 changed 3d ago A 37 tokens original MIT

develite98/angular-best-practices

Skill Claude CodeCodex

Angular 12-16 performance optimization guidelines with NgModules, RxJS patterns, and classic template syntax (ngIf, ngFor). Use when maintaining or working with pre-v17 Angular codebases. Triggers on tasks involving Angular components, services, modules, or performance improvements in legacy projects.

not rated 19 7mo ago A 68 tokens

react-patterns

847

jh941213/codex-lattice

Skill Claude Code

A guide to modern React development with JavaScript or TypeScript. React is a library for building web interfaces from reusable components; the guide covers hooks, forms, server-rendered components, actions, suspense, and newer React 19 features.

not rated 19 3mo ago A 99 tokens original MIT

thymeleaf-skill

848

Sevii/agent-marketplace

Plugin Claude Code

Bundles 1 command · 50 tokens together

A comprehensive Thymeleaf 3.1 reference skill for Claude Code, providing template syntax, expression language, iteration, conditionals, layout composition, and inlining guidance.

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

tanstack-router-guide

849

vcode-sh/vibe-tools

Plugin Claude Code

Bundles 1 skill · 185 tokens together

Build type-safe, file-based routing for React with TanStack Router. Covers first-class search param APIs with Zod/Valibot/ArkType validation, built-in data loading with SWR caching, automatic code splitting, 100% inferred TypeScript types, authentication with route protection, SSR streaming and dehydration, route…

not rated 19 6mo ago A tokens not measured

UI5/webcomponents-mcp-server

MCP server Claude CodeCodexCursor +2

MCP server for UI5 Web Components development assistance. Runs locally from the @ui5/webcomponents-mcp-server npm package.

not rated 19 11d ago A tokens not measured original Apache-2.0

vite-mcp-next

851

xiaou66/vite-plugin-vue-mcp-next

Skill Claude CodeCodex

Use when debugging Vite + Vue local pages with vite-plugin-vue-mcp-next MCP, including DOM, screenshots, console logs, network requests, Vue components, router, or Pinia state.

not rated 19 3mo ago A 45 tokens original MIT

create-html-deck

852

awesome-skills/create-html-deck

Skill Codex

Create, edit, and verify polished browser-native HTML slide decks. Use when the user asks for an HTML presentation, browser-based PPT, weekly-share deck, technical talk, or a slide deck that must display safely on laptops and 16:9 projectors.

not rated 19 1mo ago A 57 tokens original MIT

higgsfield-website

853

Arnie936/higgsfield-website-skill

Skill Claude CodeCodex

Baue eine cinematische Scroll-Website mit KI-generierten Videos (Higgsfield MCP, Seedance 2.0) und Scroll-Scrub-Animationen — Portfolios, Produkte, E-Commerce, Restaurants, Immobilien, Autos, SaaS, Agenturen, Gyms, Journeys. Nutze diesen Skill IMMER, wenn der Nutzer eine Website mit KI-Video, eine cinematische…

not rated 19 1mo ago B 168 tokens

verify

854

windoze95/cantinarr

Skill Claude Code

Drive the Cantinarr Flutter app in a browser to verify UI changes at runtime — no backend required. Use when a change to app/lib needs visual/behavioral verification (layout, navigation, theming).

not rated 19 today A 44 tokens AGPL-3.0

juniors-best-practice

855

siberiacancode/agent-skills

Skill Claude CodeCodex

Juniors-focused React and TypeScript best practices. Use this skill when writing or reviewing code to enforce clear, consistent, and maintainable patterns across common scopes like React, TypeScript, styling, devtools, assets, and Git.

not rated 19 8d ago A SkillSpector: pass 55 tokens original MIT

uizze-ui-finish-gate

856

uizze/uizze

Cursor rule Cursor

Apply the UIZZE design contract and finish gate to frontend work.

not rated 19 +2 today A 177 tokens original MIT

spfx

857

SharePoint/spfx-dev-skills

Skill Claude Code

SharePoint Framework (SPFx) development. Use when: "create SPFx project", "new web part", "SPFx extension", "upgrade SPFx", "SPFx upgrade", "update SPFx version", "scaffold SPFx", "SPFx React", "SPFx design", "web part styling", "Fluent UI in SPFx", "SPFx Heft", "gulp to Heft", "PnPjs", "read SharePoint list", "call…

not rated 19 +4 10d ago A 143 tokens original MIT

sourcelin-ui-refactor

858

SourceLin/sourcelin-cloud-blog

Skill Claude CodeCodex

Use when modifying Sourcelin UI Platform modules, shared components, routing, style boundaries, architecture documents, rules, or skills.

not rated 18 +1 2mo ago A 34 tokens original MIT

mattbx/shadcn-skills

Skill Claude CodeCodex

Discover shadcn-compatible components and registries across the entire ecosystem before writing any custom UI. Use PROACTIVELY before building tables, forms, modals, animations, dashboards, auth pages, or any UI component. Use when the user says "find a component for...", "is there something for...", "search…

not rated 18 4mo ago A Socket: passSnyk: warn 155 tokens original MIT

mcp

860

CleanSlice/mcp

MCP server Claude CodeCodexCursor +2

Architecture docs and patterns for NestJS + Nuxt full-stack apps. Remote server at mcp.cleanslice.org.

not rated 18 22d ago A tokens not measured original MIT

YangsonHung/awesome-agent-skills

Skill Claude CodeCodex

Use when building, modifying, or reviewing frontend UI where text overflow, layout, responsiveness, accessibility, and visual polish must be verified.

not rated 18 1mo ago A SkillSpector: pass 33 tokens original MIT

ship-it

862

LunkiBR/ship-it

Skill Claude CodeCodex

Use this skill whenever building, reviewing, or auditing any product surface — a mobile app screen, a web app (in-product) screen, a marketing website page, or a cross-screen interaction flow — especially right before calling it done or shipping it. Start here to identify which section (mobile app, web app, website…

not rated 18 1mo ago A 159 tokens original MIT

frontend-10x-system

863

Kevin-Liu-01/Loop

Cursor rule Cursor

High-signal frontend art direction, system design, and anti-generic guardrails.

not rated 18 1mo ago A 790 tokens original MIT

clean-dom

864

movahedan/monobun

Cursor rule Cursor

HTML semantic elements, DOM structure, responsive images, forms, CSS, and Tailwind best practices with accessibility a11y.

not rated 18 today A 0 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: