Frontend

19,384 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.

typegpu

289

software-mansion-labs/skills

Skill Claude CodeCodex

TypeGPU is type-safe WebGPU in TypeScript. Use whenever the user writes, debugs, or designs TypeGPU code: 'use gpu' shader functions, tgpu.fn, buffers, textures, bind groups, compute and render pipelines, command encoders, render passes, render bundles, vertex layouts, slots, accessors, @typegpu/react hooks (useRoot…

not rated 281 +4 5d ago A Socket: passSnyk: pass 212 tokens

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 +12 10d ago A 48 tokens original MIT

code

291

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 277 +1 8d ago A 902 tokens original MIT

refactoring-ui-design

292

chaxus/ran

Skill Codex

Use when designing, reviewing, or improving web UI visual quality, especially when a developer-built interface feels cluttered, flat, generic, poorly spaced, weakly hierarchical, or hard to scan.

not rated 272 +1 today A 44 tokens original MIT

radix-ng-examples

293

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 270 changed today A 59 tokens original MIT

frontend-design-pro

294

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

perfect-web-clone

295

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 264 +2 15d ago A 134 tokens original MIT

frontend-design

296

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 258 +1 3mo ago A 42 tokens

panel-app-creator

297

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 255 +2 changed 3d ago A 70 tokens original MIT

new-deno-app

298

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 254 5d ago A 50 tokens original MIT

antd

299

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 253 +1 4d ago A Socket: passSnyk: warn 69 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 250 +1 3d ago A Socket: passSnyk: pass 67 tokens

ark-ui

301

Brandon030722/ark-ui-skill

Skill Claude CodeCodex

Design, implement, audit, or refactor web and game-adjacent interfaces using an evidence-based Hypergryph visual language with two independent choices: product family and application depth (1 minimal, 2 moderate, 3 complex, 4 maximal). Use for Hypergryph-, Arknights-, Endfield-, Rhodes Island-, industrial sci-fi-…

not rated 248 +4 1mo ago A 127 tokens

storybook-mcp

302

yannbf/mealdrop

MCP server Claude CodeCodexCursor +2

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

not rated 248 3d ago A tokens not measured

third-party

303

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 244 4mo ago A Socket: passSnyk: pass 38 tokens

nalu-development/nalu

Skill Claude Code

Nalu page-model lifecycle (IEnteringAware/IAppearingAware/IDisappearingAware/ILeavingAware/ILeavingGuard/IDisposable), call order, DI scope, restore, unit tests; load when placing load/save code.

not rated 242 4d ago A 55 tokens

components

305

udecode/plate-playground-template

Cursor rule Cursor

React component architecture for creating composable, accessible components with data attributes. Use when creating/updating composable components, not for higher-level feature/page components.

not rated 240 17d ago A 31 tokens original MIT

react-devtools

306

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 240 1mo ago B Socket: passSnyk: pass 111 tokens copy · 100% MIT

blatui-development

307

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 239 +3 4d ago A 54 tokens

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 238 +1 5mo ago A 111 tokens

oklch-skill

309

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 238 +6 8d ago A Socket: passSnyk: pass 79 tokens

clone-app-pat-pro

310

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 234 +7 3mo ago A 153 tokens

co-design

311

am-will/swarms

Skill Claude CodeCodex

Only to be triggered by explicit /co-design commands. Parallel task executor that routes frontend/design tasks to Claude CLI print mode for superior design output.

not rated 233 +3 4mo ago A 32 tokens

layout-patterns

312

SAP/fundamental-styles

Skill Claude CodeCodex ✓ vendor

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

not rated 232 3d ago A 26 tokens original Apache-2.0

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: