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.

create-html-deck

889

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 21 7d ago A 57 tokens original MIT

anti-slop-design

890

Ferousco-dev/anti-slop-design

Plugin Claude Code

Bundles 1 skill · 138 tokens together

Eliminates generic AI-generated design from any front-end you build or review, web or mobile. 20 reference modules: the slop taxonomy, personality axes and product registers, mobile and app-screen patterns, trust signals, data visualisation, a craft list, a pre-emit checklist and a worked example.

not rated 21 +3 1mo ago A tokens not measured original MIT

21st

891

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 21 changed 1mo ago A tokens not measured original Apache-2.0

accessibility

892

oakoss/agent-skills

Skill Claude Code

Build WCAG 2.2 AA compliant interfaces with semantic HTML, ARIA, keyboard navigation, focus management, color contrast, and screen reader support. Covers forms, dialogs, tabs, live regions, skip links, alt text, and data tables. Use when implementing accessible UIs, auditing WCAG compliance, fixing screen reader…

not rated 21 +1 2mo ago A 103 tokens

marmo-ui

893

mahmoudilyan/marmoui

Plugin Claude Code

Bundles 2 skills, 5 commands, 1 hook · 441 tokens together

MCP-backed workflow for building UI with @marmoui/ui. Bundles the marmo-ui skill, /marmo-ui: commands, and the Marmo MCP server so agents read real component props instead of guessing. Works free without a token; add your Pro token for on-brand generation.

not rated 20 +2 3mo ago A tokens not measured original MIT

nuxt-patterns

894

oro-ad/nuxt-claude-devtools

Skill Claude Code

Nuxt 3/4 best practices. Use when working with Nuxt features like pages, composables, layouts, or server routes.

not rated 20 9mo ago A 33 tokens GPL-3.0

feature

895

pierreb-devkit/Vue

Skill Claude Code

Use this whenever the user asks to "implement", "add", "build", "create", or "modify" a feature, page, view, component, or module in this Vue project. Three phases: Phase 0 scope analysis (flows + edge cases + UI needs + plan validation, STOP for user), Phase 1 implementation (layered UI → Store → API, Vue 3…

not rated 20 changed 19d ago A 123 tokens

agntcms-section-new

897

agntcms/agntcms

Skill Claude Code

Creates a new section from name and field list: folder, schema, component, config registration.

not rated 20 24d ago A 0 tokens original MIT

effect-best-practices

898

betalyra/effect-skills

Skill Claude CodeCodex

Enforces Effect-TS patterns for services, errors, layers, and atoms. Use when writing code with Effect.Service, Schema.TaggedError, Layer composition, or effect-atom React components.

not rated 20 3mo ago A 45 tokens original MIT

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 20 2mo ago A tokens not measured original Apache-2.0

veryfront

900

veryfront/veryfront-code

Skill Claude CodeCodex

Build Veryfront apps. Use for real-time errors, route preview, HMR control, and scaffolding pages/APIs/components/AI tools.

not rated 20 changed 15d ago A SkillSpector: pass 32 tokens original Apache-2.0

reflex

901

reflex-dev/agent-skills

Plugin Claude Code

Bundles 3 skills · 224 tokens together

Skills for the Reflex web framework — docs, environment setup, and process management.

not rated 20 4mo ago A tokens not measured

ui

902

theimaginaryfoundation/what-iff

Cursor rule Cursor needs its repo

The Personal Assistant UI is built with Angular and follows modern best practices for scalable frontend applications. It interfaces with the Personal Assistant API to provide a user-friendly interface for content creation and management.

not rated 20 changed 2d ago A 0 tokens original Apache-2.0

ic-reactor

903

B3Pay/ic-reactor

Skill Claude CodeCodex

Write, review and fix app code that calls Internet Computer (ICP) canisters with ic-reactor 4 (@ic-reactor/core, @ic-reactor/react, @ic-reactor/vite-plugin) over a module generated by @meantjs/cli, in React or plain TypeScript. Use when the project depends on an @ic-reactor/ package at version 4, or the user asks to…

not rated 20 changed 4d ago A 184 tokens original MIT

react-native-skills

904

yuanqiyibiansheng/DeepSeek-Harness-GUI

Skill Claude CodeCodex

A collection of React Native and Expo development guidelines for mobile apps, including lists, animations, media, native features, and project structure.

not rated 19 29d ago A SkillSpector: pass 35 tokens original MIT

forge

905

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

develite98/angular-best-practices

Skill Claude CodeCodex

Angular 20+ performance optimization guidelines with Signals, httpResource, signal inputs/outputs, @defer, and native control flow (@if, @for). Use when writing, reviewing, or refactoring modern Angular code. Triggers on tasks involving Angular components, services, data fetching, bundle optimization, or performance…

not rated 19 9mo ago A 73 tokens

react-patterns

908

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

tanstack-router-guide

909

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

vite-mcp-next

910

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

ship-it

911

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 19 2mo ago A 159 tokens original MIT

unslop

912

aahil62/unslop

Plugin Claude Code

Bundles 3 skills · 233 tokens together

Rescue ugly vibe-coded React + Tailwind sites: audit the AI-slop, interview for taste, synthesize a custom design lane, and systematically re-theme with verification.

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