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.

ckeditor

1465

ckeditor/skills

Plugin Claude Code

Bundles 3 skills · 354 tokens together

Install, configure, integrate, update, and bundle CKEditor 5 (free and premium) in any JavaScript project.

not rated 4 changed 3d ago A tokens not measured original MIT

mf

1466

module-federation/agent-skills

Skill Claude Code

All-in-one Module Federation skill. Use when the user asks anything about MF — concepts, configuration, runtime API, shared dependencies, type errors, runtime error code troubleshooting, observability/obs, slow builds, Bridge integration, or adding MF to an existing project.

not rated 4 2mo ago A Socket: warnSnyk: warn 55 tokens

ui-polish

1467

JNZader/repoforge

Skill Claude Code

Four quality gate checklists for frontend: baseline visual, accessibility, metadata/SEO, and motion performance. Post-implementation quality gates. Trigger: When reviewing UI changes, before merging frontend PRs, during sdd-verify.

not rated 4 1mo ago A 50 tokens original MIT

echart

1468

nealepetrillo/claude-skills-echart

Skill Claude Code

Create and edit Apache ECharts v6 visualizations. Use when users want to build interactive charts, dashboards, or data visualizations. Supports line, bar, pie, scatter, radar, heatmap, treemap, sunburst, gauge, chord, and 20+ other chart types. Generates working HTML, JavaScript, React, or Vue component code.

not rated 4 8mo ago A 76 tokens original MIT

cursorrules

1469

robinade/apps-in-toss-fullstack-templates

Cursor rule Cursor

A collection of standalone example projects for building WebView mini-apps with SDK 2.0.1. A WebView mini-app is a small app that displays web content inside an app window.

not rated 4 7mo ago A 709 tokens

font-lab

1470

jmg698/Font-Lab

Skill Claude CodeCodex

Use when a user wants to choose, change, compare, or improve the FONTS / typography of their web app — ANY framework: Next.js, Vite, Astro, Remix, SvelteKit, TanStack, plain CSS ("pick a font", "these fonts look generic/AI-generated", "make the headings nicer", "what typeface should I use", "change the font"). Font…

not rated 4 3mo ago A 189 tokens original MIT

accessibility-linter

1471

designedbysom/accessibility-linter

Skill Claude CodeCodex

Reviews accessibility mid-design, not as a compliance audit, but as a craft challenge. Use when designing, describing, or building a UI component. Trigger on "I'm designing a component", "does this work", "review this interaction", "how should I handle focus", "is this accessible", or whenever HTML/CSS/React code is…

not rated 4 7mo ago A 110 tokens original MIT

unify-theme

1472

reaviz/skills

Skill Claude CodeCodex

Use when the user asks to set up, install, or migrate to the Unify Theme for reablocks — a production-ready theme pack built on a three-level design-token system (primitives → semantic → Tailwind utilities) synced with the Unify Figma library. Covers the single-file themeUnify.ts TypeScript download, the Reablocks…

not rated 4 5mo ago A 148 tokens

syncfusion/blazor-ui-components-skills

Skill Claude CodeCodex

Comprehensive guide for implementing Syncfusion Blazor dropdown components including AutoComplete, ComboBox, DropDown List, MultiSelect Dropdown, and ListBox. Use this when building selection interfaces, data binding, filtering, cascading dropdowns, custom templates, and accessible dropdown experiences in Blazor…

not rated 4 18d ago A 79 tokens

astro

1474

ianshk/astro-skills

Skill Claude CodeCodex

Skill for building static sites with the Astro web framework. Helps create Astro components and pages, set up content collections, optimize images, configure SEO, and deploy static builds. Use when the user needs to work with Astro, mentions .astro files, asks about static site generation (SSG), islands architecture…

not rated 4 4mo ago A 72 tokens original MIT

mobile-ui-replicator

1476

Neilander/mobile-ui-replicator

Skill Claude CodeCodex

You (the agent) just got asked to turn a UI screenshot + style reference image + a written description of the app's features into a working single-file HTML demo painted in the style of the reference. This file tells you how.

not rated 4 6mo ago A 0 tokens

layout-discipline

1477

crazyzlnofficial/layout-discipline

Skill Claude CodeCodex

A set of rules for keeping AI-generated web pages visually consistent, including their text sizes, spacing, alignment, cards, and colors.

not rated 4 4mo ago A 105 tokens original MIT

HongMing-Huang/pretext-frontend-motion

Skill Codex

Build bold text-driven frontend demos across Accordion, Bubbles, Dynamic Layout, Variable Typographic ASCII, Editorial Engine, Justification Comparison, Rich Text, and Masonry. Use when the request needs strong frontend style, intentional typography, routed text layout, width-tight multiline UI, or kinetic typography…

not rated 4 18d ago A 76 tokens original MIT

interactive-html

1479

machbuilds/interactive-html

Cursor rule Cursor

Use Interactive HTML — turn static HTML pages in this project into a live commenting surface and respond to comments by editing the HTML.

not rated 4 4mo ago A 25 tokens original MIT

stm

1480

mdsohaib/screenshot-time-machine

Skill Claude Code

Screenshot every page of the running localhost dev server and report which pages changed since the last snapshot. Use after editing anything users can see (pages, components, CSS/Tailwind, layouts, templates) to visually verify before saying you're done, and when the user says "check the UI", "does it look right"…

not rated 4 6d ago A 112 tokens original MIT

cyber_fantasy_ui

1481

isdou/aoleme-ui-skill

Skill Claude Code

Generate dark neon cyber-fantasy dashboards, glassmorphism surfaces, and gamified React and Tailwind UIs.

not rated 4 1mo ago A 31 tokens original MIT

karon-hyppolite/agent-skills

Skill Claude CodeCodex

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance…

not rated 4 8mo ago A 67 tokens

ui-design-engineering

1483

ntaffzii/Skill-Agents

Skill Codex

Design, implement, harden, and review production-grade user interfaces for web apps, dashboards, SaaS products, admin tools, forms, and responsive frontend components. Use when building or improving UI/UX, translating Figma or requirements into code, styling React/Vue/Svelte/HTML views, reviewing frontend quality…

not rated 4 1mo ago A 115 tokens original MIT

AleksandarBisevac/claude-plugins

Skill Claude Code needs its repo

Edit, split or share the CSS and JavaScript under plugins/audit/scripts/ui/ — files Python concatenates into one inline and one inline carrying code, in a self-contained page opened over file://. Covers the assembly contract and the byte-level pins in tests/ that guard it, why the split must be an order-preserving cut…

not rated 4 changed 15d ago A 189 tokens original MIT

neuraforge-ai

1485

vikisingh23/neuraforge-ai

Plugin Claude Code

Bundles 39 skills, 22 MCP servers · 805 tokens together

AI-powered development platform — 45 agents, 22 MCP servers, 39 skills for end-to-end software development across React, React Native, Flutter, .NET, and NestJS.

not rated 4 changed 1mo ago A tokens not measured original Apache-2.0

jenreh/appkit

Skill Claude CodeCodex

MUST invoke when generating mn. based UIs or the user asks how to use, configure, or debug any mn. or appkitmantine component. appkitmantine is NOT in Claude's training data — always use this skill rather than guessing at APIs. Covers building forms, tables, drawers, modals, tooltips, color pickers, date/time pickers…

not rated 4 changed 5d ago A 152 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: