Frontend

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

explainer-site

481

drpedapati/sciclaw

Skill Claude CodeCodex

Create "How X Works" deep-dive explainer websites with the curious, technical-but-accessible style of howkeyboardswork.com. Use when asked to explain how something works, create an educational single-page guide, or build an interactive explainer site on any topic.

not rated 88 1mo ago A 59 tokens

ai-assist-prototype

482

jparkerweb/ai-assist-skills

Skill Claude Code

Build self-contained, double-click-to-open HTML prototypes so the user can vet an interface before it gets built. One file holds several structurally different variants of a page, app screen, component, flow, or terminal/TUI layout (rendered in-browser), plus a draggable Design Deck for flipping between variants…

not rated 88 17d ago A 311 tokens

Weaverse/shopify-hydrogen-skills

Skill Claude CodeCodex

Use when recreating a reference website or brand hub in this Hydrogen plus Weaverse repo, especially when deciding whether to reuse sections, add global styles, update theme schema, or resolve conflicts between the live site and project brand guidelines.

not rated 87 13d ago A 54 tokens

userscripts

484

denolfe/dotfiles

Skill Claude CodeCodex

Use when writing Tampermonkey/Violentmonkey/Greasemonkey userscripts, modifying website behavior or appearance, or working with .user.js files.

not rated 87 3d ago A 36 tokens

nerv-ui

485

mdrbx/nerv-ui

Skill Codex

Build original, accessible React command-center interfaces with the published @mdrbx/nerv-ui component library. Use for dashboards, monitoring terminals, operational tools, authentication screens, or sharp industrial HUD-style UI in React, Vite, or Next.js.

not rated 87 +3 8d ago A SkillSpector: warn 54 tokens original MIT

elements

487

NVIDIA/elements

MCP server Claude CodeCodexCursor +2 ✓ vendor

NVIDIA Elements UI design system and agent tools for AI/ML, robotics, and autonomous vehicles. Runs locally from the @nvidia-elements/cli npm package.

not rated 85 today A tokens not measured original Apache-2.0

cursorrules

488

AmoabaKelvin/logdeck

Cursor rule Cursor

Use the latest version of Shadcn to install new components, like this command to add a button component.

not rated 84 25d ago A 43 tokens GPL-3.0

pi-tui-design

489

joelhooks/pi-tools

Skill Claude CodeCodex

Create distinctive, crafted TUI components for pi using @mariozechner/pi-tui and @mariozechner/pi-coding-agent. Use when building interactive terminal UIs — custom components, overlays, dialogs, dashboards, widgets, data visualizations, animated elements, game-like interfaces, or any visual TUI work inside pi…

not rated 84 today A 139 tokens

design-taste-frontend

490

hamzafarooq/multi-agent-course

Skill Claude Code

Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check.

not rated 84 +4 yesterday A 61 tokens

dashboard-patterns

491

ilyasibrahim/claude-agents-coordination

Skill Claude Code

Reusable React/JavaScript patterns for Somali dialect classifier dashboard. Covers Chart.js integration, data card components, filter patterns, responsive layouts, and dashboard-specific UI patterns. Auto-invokes when building dashboard components, charts, data visualizations, or dashboard UI.

not rated 83 3mo ago A 56 tokens original Unlicense

aurorascharff/nextjs-app-architecture-skill

Skill Claude CodeCodex

Build or audit Next.js 16 App Router apps using a next-beats-style React Server Components architecture. Use when scaffolding a new app, adding a feature, reviewing an existing app, refactoring route-loader-shaped pages into feature-owned async server components, deciding where queries/actions/components live, keeping…

not rated 83 +1 8d ago A 145 tokens original MIT

hyva-alpine-component

493

hyva-themes/hyva-ai-tools

Skill Claude CodeCodex

Write CSP-compatible Alpine.js components for Hyvä themes in Magento 2. This skill should be used when the user wants to create Alpine components, add interactivity to Hyvä templates, write JavaScript for Hyvä themes, or needs help with Alpine.js patterns that work with Content Security Policy. Trigger phrases include…

not rated 83 1mo ago A Socket: passSnyk: pass 101 tokens OSL-3.0

Nerve Development

494

ClickHouse/nerve

Skill Claude CodeCodex ✓ vendor

Nerve backend (Python) and frontend (React/TS) development and code contribution. Use when writing Python code for Nerve, fixing bugs, adding features, reviewing Nerve PRs, building the frontend, running tests, or working with the Nerve codebase. Triggers on "nerve code", "nerve PR", "fix nerve", "nerve feature"…

not rated 79 +1 today A SkillSpector: warn 96 tokens original Apache-2.0

effect-best-practices

495

Makisuo/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 79 3d ago A Socket: passSnyk: passSkillSpector: warn 45 tokens original MIT

tauri-django-react

496

Firstp1ck/pi-coding-agent-forge

Skill Claude CodeCodex

Agents should invoke this skill for Tauri + Django + React desktop apps, especially backend lifecycle, CORS/auth, frontend integration, mandatory light/dark theming, German/English i18n, build packaging, dual desktop/web deployment, Rust commands, and platform-specific gotchas.

not rated 78 +1 today A SkillSpector: warn 63 tokens original MIT

react-native-convert

497

HuolalaTech/huolala-figma-mcp

Skill Claude CodeCodex

A conversion guide for turning HTML or Figma designs into React Native code for mobile apps. It covers the code files, styles, names, interactive states, and repeated content.

not rated 78 +1 2mo ago A 63 tokens original Apache-2.0

ianho7/ai-friendly-web-design-skill

Skill Claude CodeCodex

Build, review, and refactor web interfaces that are easy for humans, screen readers, browser automation, Playwright tests, and AI agents to understand and operate. Use for UI components, forms, frontend features, semantic HTML, ARIA, stable locators, URL state, accessibility reviews, and agent-friendly web design.

not rated 76 +1 2mo ago A 70 tokens

shopify-hydrogen

499

Shopify/agent-skills

Skill Claude CodeCodex ✓ vendor

Edit src/data/raw-api-instructions/{api}.md in shopify-dev-tools, then run: npm run generateagentskills (outputs to distributed-agent-skills/) -->.

not rated 76 +4 2mo ago C 0 tokens

t-tools

500

timzaak/web-dev-skills

Plugin Claude Code

Bundles 29 skills, 31 agents · 2,764 tokens together

DDD-driven development skills, sub-agents and workflow commands for Rust, React, miniapp, and Flutter projects.

not rated 74 +5 yesterday A tokens not measured original Apache-2.0

animate

501

ericrisco/rsc-harness

Skill Claude CodeCodex needs its repo

Build a web animation: whether it should animate at all, the purpose, the tool, the properties, the easing curve, the duration, interruption and exit. Writes the CSS or Motion code for dropdowns, modals, toasts, tooltips, accordions, press feedback, stagger and scroll reveals. Use to animate something or make a…

not rated 74 +14 2d ago A SkillSpector: pass 75 tokens original MIT

ui-ux-design-pro

502

saifyxpro/ui-ux-design-pro-skill

Plugin Claude Code

Bundles 1 skill · 117 tokens together

UI/UX design intelligence. 107 styles, 127 palettes, 107 font pairings, 106 charts, 131 reasoning rules, 129 UX guidelines, 16 stacks (React, Next.js, Vue, Nuxt.js, Svelte, Astro, Angular, Remix, SolidJS, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Nuxt UI). 8 Python scripts: BM25 search…

not rated 74 +1 6mo ago A tokens not measured original MIT

responsive-craft

503

kylezantos/responsive-craft

Skill Claude Code

Implement responsive design for websites and web apps — from standard mobile-first layouts to complex patterns (sticky elements, scroll coordination, data tables, dashboards). Three modes: transform existing sites, build responsive from scratch, or launch a live multi-breakpoint preview. Surfaces design forks where…

not rated 73 +3 5mo ago A 112 tokens

shadcn

504

FriendsOfShopware/shopmon

MCP server Claude CodeCodexCursor +2

One of 2 in .mcp.json

Add components to your apps. Runs locally from the shadcn-vue npm package.

not rated 72 +1 today A Socket: warn 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: