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.

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 100 +3 changed 1mo ago A 145 tokens original MIT

html-design

506

NimaChu/html-design

Skill Codex

Create, redesign, repair, validate, preview, and package lightweight standalone HTML deliverables. Use for marketing experiences, product prototypes, infographics, motion narratives, documents, browser tools, dashboards, guided workflows, knowledge interfaces, mini-games, presentations, reusable style and brand…

not rated 99 changed 2mo ago A 82 tokens

appbun-web-desktop

507

bigmacfive/appbun

Skill Codex needs its repo

Use when a user wants to turn a website, local web app, SaaS dashboard, internal tool, or existing frontend project into an inspectable Electrobun desktop app with appbun. Covers scaffolding, metadata, recipes, build diagnostics, native-runner packaging, and release readiness.

not rated 99 4mo ago A 64 tokens original MIT

spark-ui

508

codeweb-dev/spark-ui

Skill Claude CodeCodex

Install and compose Spark UI signature React components such as Widget Stack, Dynamic Island, Interactive Pets, Tactile Highlight, Shimmer Text, Image Trail, Animated Gradient, Ghost Ether, Logo Carousel, QR Code, Receipt, Number Ticker, Spotify Card, Masonry, Keyboard, and Hello from the Spark UI shadcn-compatible…

not rated 99 +10 3mo ago A SkillSpector: warn 73 tokens original MIT

react-floating-ui

509

docs-plus/docs.plus

Cursor rule Cursor

React 19 + Floating UI 0.27 conventions and pitfalls for floating/anchored components (tooltips, popovers, context menus, dialogs, selects).

not rated 98 +3 changed 27d ago A 0 tokens original MIT

cinematic-ui

510

akseolabs-seo/cinematic-ui

Skill Claude CodeCodex

Direct a website the way a film is made: cast a director and a film, choose the medium the film calls for (photoreal 3D, hand-drawn, ink wash, print, pixel, neon, type, photography…), cast a lead, ask for the assets, write a shot list for every section, then shoot it with a scroll-driven camera, designed cuts, a…

not rated 98 +7 changed 6d ago A 276 tokens original MIT

mengrru/Spherse

Skill Claude CodeCodex

A project-level CSS file for changing the look of Spherse, such as page backgrounds, text, cards, buttons, and pop-up menus. It uses separate values for light and dark mode.

not rated 98 +3 changed 16d ago A SkillSpector: pass 32 tokens original MIT

crud

512

filipebraida/adonisjs-starter-kit

Skill Claude Code

Build an end-to-end CRUD stack in AdonisJS + Inertia: resource route → thin controller → VineJS validator → Bouncer policy → single-purpose action → transformer variant → Inertia page. Trigger on: "add CRUD for X", "create resource", "list/create/edit/delete X", "resource endpoint".

not rated 97 +1 2mo ago A SkillSpector: pass 66 tokens original MIT

ui-ux-design-pro

513

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 97 +2 1mo ago A tokens not measured original MIT

nerv-ui

514

mdrbx/nerv-ui

Skill Claude CodeCodex

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 96 1mo ago A SkillSpector: warn 54 tokens original MIT

ux

515

Laith0003/ux-skill

Plugin Claude Code

Bundles 1 skill, 25 commands, 5 agents · 1,974 tokens together

Design intelligence engine for AI coding. v3 ships THE BRAIN: a deterministic 7-axis synthesizer (warmth, contrast, density, geometry, formality, motion, typepersonality) that compiles a novel design language per brief: no LLM calls, fully offline, closed-loop learning via a local decisions ledger. 1,243 structured en.

not rated 96 +6 changed 5d ago A tokens not measured original MIT

unoplat/unoplat-code-confluence

Cursor rule Cursor

This comprehensive reference document provides detailed information about TanStack components and Shadcn UI, serving as a definitive resource for implementing functionality with these libraries. Each section includes a concise description, documentation links, and detailed explanations of sub-concepts and features.

not rated 94 yesterday A 2,943 tokens

design-taste-frontend

519

Amery2010/open-builder

Skill Claude CodeCodex

Anti-slop frontend direction for landing pages, portfolios, editorial pages, and design-forward redesigns. Use after reading the brief to infer a fitting visual system, preserve existing product constraints, and run a strict pre-flight audit.

not rated 93 2mo ago A 51 tokens GPL-3.0

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 93 changed 1mo ago A 54 tokens

build-mcp-app

521

nota-america/forgecat-agent-profiles

Skill Claude Code

This skill should be used when the user wants to build an "MCP app", add "interactive UI" or "widgets" to an MCP server, "render components in chat", build "MCP UI resources", make a tool that shows a "form", "picker", "dashboard" or "confirmation dialog" inline in the conversation, or mentions "apps SDK" in the…

not rated 93 1mo ago A SkillSpector: pass 111 tokens original Apache-2.0

run-wenlan-app

522

wenlan-app/wenlan

Skill Claude Code

Build, launch, screenshot, and drive the wenlan-app Tauri desktop app in dev mode on macOS (WKWebView) or Windows (WebView2). Use when asked to run or start the app, verify a UI change in the real running app (not just tests), or take a screenshot of it.

not rated 93 +2 changed 16d ago A 71 tokens original Apache-2.0

sergiodxa/agent-skills

Skill Claude CodeCodex

React Router performance and architecture patterns. Use when writing loaders, actions, forms, routes, or working with React Router data fetching. Triggers on tasks involving React Router routes, data loading, form handling, or route organization.

not rated 92 9mo ago A Socket: passSnyk: pass 53 tokens original MIT

webmcp-add-tool

525

agentcathq/webmcp-react

Skill Claude CodeCodex

Scaffolds a new WebMCP tool component using useMcpTool with Zod schema, handler, annotations, and wires it into the WebMCPProvider tree. Use when the user wants to expose functionality as an MCP tool, make something callable by AI, add a new tool, or create an AI-accessible action.

not rated 92 changed 18d ago A SkillSpector: pass 73 tokens original MIT

whistlegraph

526

whistlegraph/aesthetic-computer

Skill Codex

Curate whistlegraph.org and make authenticated, narrowly scoped frontend changes through the Whistlegraph Desk Git workflow.

not rated 91 yesterday A 26 tokens original ISC

design-taste-frontend

527

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 91 1mo ago A 61 tokens

gpui-toolkit

528

pierreaubert/gpui-toolkit

Skill Claude CodeCodex

Use when building or modifying GPUI applications in the gpui-toolkit workspace, especially when choosing reusable toolkit crates, composing UI, adding components, charts, themes, layouts, audio controls, mobile surfaces, or validation coverage. Prefer existing toolkit APIs over custom one-off implementations.

not rated 91 +4 3d ago A 60 tokens original ISC

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: