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.

Hainrixz/editor-pro-max

Skill Claude CodeCodex

Pre-built animated React component collections combining Magic UI (150+ TypeScript/Tailwind/Motion components) and React Bits (90+ minimal-dependency animated components). Use this skill when building landing pages, marketing sites, dashboards, or interactive UIs requiring pre-made animated components instead of…

not rated 288 +2 12d ago A 111 tokens

code

314

Kele-Bingtang/teek-design-vue3

Cursor rule Cursor needs its repo

A set of coding rules for Vue 3 components written with TypeScript. It covers component structure, typed properties and events, reusable composables, and stylesheet conventions.

not rated 285 +3 2mo ago A 902 tokens original MIT

frontend-design-pro

315

claudekit/frontend-design-pro-demo

Plugin Claude Code

Bundles 1 skill · 52 tokens together

Creates jaw-dropping, production-ready frontend interfaces AND delivers perfectly matched real photos (Unsplash/Pexels direct links) OR flawless custom image-generation prompts for hero images, backgrounds, and illustrations. Zero AI slop, zero fake URLs.

not rated 282 +2 11mo ago A tokens not measured

layout-patterns

316

SAP/fundamental-styles

Skill Claude CodeCodex ✓ vendor

Common UI layout patterns using fundamental-styles - login forms, dashboards, master-detail, wizards, and more.

not rated 280 yesterday A SkillSpector: warn 26 tokens original Apache-2.0

perfect-web-clone

317

ericshang98/Perfect-Web-Clone

Skill Claude CodeCodex

Reproduce a live website from its URL as a clean, deployable Vite + React project by running the complete agent-driven Perfect Web Clone harness: capture source evidence, plan the full page, author every section, implement common interactions, build, compare, repair, and hand the measured result to the user for…

not rated 279 +1 2mo ago A SkillSpector: pass 134 tokens original MIT

oklch-skill

318

jakubkrehel/oklch-skill

Skill Claude CodeCodex

OKLCH color space for web projects. Convert hex/rgb/hsl to oklch, generate palettes, check contrast, handle gamut boundaries, and theme with Tailwind v4. Triggers on oklch, color conversion, palette generation, contrast ratio, gamut, display p3, design tokens, hue drift, chroma, dark mode colors.

not rated 279 +6 1mo ago A Socket: passSnyk: pass 79 tokens original MIT

hopechen067/china-antique-maplibre

Skill Codex

China antique parchment MapLibre map engine with configurable basemap, Terrarium hillshade, optional user-supplied water overlay, live tuner page, and tiered settlement extrusions for HyperFrames historical videos.

not rated 278 2mo ago A SkillSpector: pass 48 tokens original MIT

radix-ng-examples

320

radix-ng/primitives

Skill Claude CodeCodex

Index of every documented @radix-ng/primitives example. Use when implementing a UI feature to find a working, copy-paste-ready Angular pattern built on the primitives. Each component has an index doc linking to per-example source shards you can copy-paste.

not rated 277 +2 changed 1mo ago A SkillSpector: pass 59 tokens original MIT

vercel-labs/agent-eval

Skill Claude CodeCodex ✓ vendor

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 277 +2 17d ago A Socket: passSnyk: pass 67 tokens

create-web

322

Travisun/Opptrix

Skill Claude Code

A workflow for creating offline HTML research reports and interactive chart pages with the createweb tool. HTML is the format used for web pages, and an offline page can open without loading scripts or styles from the internet.

not rated 275 1mo ago A SkillSpector: pass 89 tokens original Apache-2.0

frontend-design

323

Qiao-920/claude-desktop-cn

Skill Claude CodeCodex

Design principles and component patterns for building polished web UIs, games, and interactive HTML/CSS/JS projects. Use when creating websites, web apps, browser games, or any frontend project.

not rated 270 +1 5mo ago A 42 tokens

extract-design-system

324

arvindrk/extract-design-system

Skill Claude CodeCodex

Extract design primitives from a public website and generate starter token files for your project.

not rated 270 +3 2mo ago A Socket: passSnyk: warnSkillSpector: warn 20 tokens original MIT

ran

325

chaxus/ran

Plugin Claude Code

Bundles 3 skills · 97 tokens together

Design, build and verify products with portable design guidance and version-aware ranui and ranuts skills.

not rated 269 +1 yesterday A tokens not measured original MIT

tavern-ui

326

ai4rpg/tavern-cards

Skill Claude CodeCodex

A front-end development guide for building interfaces shown inside SillyTavern chat messages, using HTML, CSS, JavaScript, or Vue 3. It also covers message placeholders, MVU variable access, packaging, deployment, and local previews.

not rated 267 +3 changed 1mo ago A 114 tokens

clone-app-pat-pro

327

per-simmons/clone-app-pat-pro-public

Skill Claude Code

Clones any web app pixel-for-pixel from a URL. Runs as an IN-CONVERSATION workflow — the live Claude orchestrates Task sub-agents and drives the Claude Chrome extension to recon (every view), extract (computed styles = ground truth), design-spec, build, QA (computed-style assertions), and extend. Guided check-ins…

not rated 265 +1 5mo ago A 153 tokens

panel-app-creator

328

Peiiii/nextclaw

Skill Claude CodeCodex

Create or update the Panel UI component of a complete schema v2 NextClaw Mini App or an explicitly loose local Panel. Use after nextclaw-app-creator selects Panel-only or Panel + Service, or for right-side UI, Service Actions, Agent-powered panels, React/Vite panels, and App bridge capability questions.

not rated 263 +1 changed 1mo ago A SkillSpector: warn 70 tokens original MIT

web-weather-creator

329

curiositech/some_claude_skills

Skill Claude Code

Master of stylized atmospheric effects using SVG filters and CSS animations. Creates clouds, waves, lightning, rain, fog, aurora borealis, god rays, lens flares, twilight skies, and ocean spray—all with a premium aesthetic that's stylized but never cheap-looking.

not rated 263 +5 yesterday A SkillSpector: warn 60 tokens original MIT

blatui-development

330

anousss007/blatui

Skill Claude CodeCodex

Build UIs with BlatUI — shadcn/ui for the Laravel BLAT stack (Blade, Alpine.js, Tailwind v4). Use when adding or composing UI components, blocks, charts, or theming in a Blade app.

not rated 262 8d ago A 54 tokens

antd

331

ant-design/ant-design-cli

Skill Claude Code needs its repo

Use when the user's task involves Ant Design (antd) — writing antd components, debugging antd issues, querying antd APIs/props/tokens/demos, migrating between antd versions, or analyzing antd usage in a project. Triggers on antd-related code, imports from 'antd', or explicit antd questions.

not rated 261 +1 2d ago A Socket: passSnyk: passSkillSpector: pass 69 tokens original MIT

third-party

332

PatternsDev/skills

Skill Claude Code

Teaches strategies for mitigating third-party script performance impact. Use when third-party scripts like analytics, ads, or widgets are degrading your page load times or Core Web Vitals.

not rated 258 6mo ago A Socket: passSnyk: pass 38 tokens

new-deno-app

333

jackfranklin/dotfiles

Skill Claude Code

Scaffold a new Deno 2 + Hono + Deno KV + Eta + HTMX app with password auth and PWA support. Use when the user wants to create a new personal web app following this stack.

not rated 253 4d ago A SkillSpector: warn 50 tokens original MIT

react-devtools

334

callstackincubator/agent-react-devtools

Skill Claude Code

React DevTools CLI for AI agents. Use when the user asks you to debug a React or React Native app at runtime, inspect component props/state/hooks, diagnose render performance, profile re-renders, find slow components, or understand why something re-renders. Triggers include "why does this re-render", "inspect the…

not rated 252 changed 1mo ago B Socket: passSnyk: pass 111 tokens copy · 100% MIT

duo

335

heygen-com/hyperframes-community-skills

Skill Claude CodeCodex needs its repo

Composite any two HTML screens into a locked photo plate of hands holding an open foldable phone — a 1448×1086 still with two blank 495×849 / 498×849 screen slots (left and right) — to make side-by-side meme and comparison videos: TikTok vs Reels, ChatGPT vs Claude, "me vs my friend", before/after, two apps racing.…

not rated 250 +5 2d ago A 160 tokens original Apache-2.0

storybook-mcp

336

yannbf/mealdrop

MCP server Claude CodeCodexCursor +2

MCP server "storybook-mcp", hosted remotely at localhost, as configured in yannbf/mealdrop.

not rated 248 1mo ago A tokens not measured

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: