Frontend

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

toast

769

pubky/pubky-app

Cursor rule Cursor

Toast variants and toast() API — default, error, warning, info.

not rated 23 changed 7d ago A 0 tokens original MIT

web-visuals

770

siimvene/SwarmOps

Skill Claude CodeCodex

Generate emotionally resonant, production-grade web pages and interfaces with extraordinary visual beauty. Trigger this skill when the user says "start building" a web page, landing page, portfolio, app UI, or any web interface where visual excellence is the primary goal. Also trigger on phrases like "make it…

not rated 23 7mo ago A 142 tokens original MIT

refactor-component

771

alexgilev/agentic-ui

Cursor rule Cursor

Trigger with /refactor [ComponentName]. Runs the full 6-pass quality refactoring pipeline on an existing component.

not rated 23 4mo ago A 24 tokens original MIT

remix

772

pi0/vite-plugin-remix3

Skill Claude CodeCodex needs its repo

Build and review Remix 3 applications using the remix npm package and subpath imports. Use when working on Remix app structure, routes, controllers, middleware, validation, data access, auth, sessions, file uploads, server setup, UI components, hydration, navigation, or tests.

not rated 23 4mo ago A 62 tokens copy · 86% MIT

shadcn

773

kston83/react-ai-template

Skill Claude CodeCodex

Complete shadcn/ui component management for adding, searching, fixing, styling, and composing UI.

not rated 23 4mo ago A 24 tokens

cloudxr-js-sdk

774

NVIDIA/cloudxr-js-samples

Skill Claude CodeCodex ✓ vendor

Build WebXR streaming clients with NVIDIA CloudXR.js SDK. Use when developing WebXR apps, integrating CloudXR streaming, creating VR/AR web clients, working with @nvidia/cloudxr, or building React Three Fiber XR applications.

not rated 23 +1 3mo ago A 52 tokens original Apache-2.0

forja-landing

775

Carlos-Dominguez-faber/forja-landing

Skill Claude CodeCodex

Construye landing pages cinematicas para cualquier tipo de negocio — personal brand, SaaS, agencia, producto, curso, consultor, clínica — con video hero Seedance, crítica anti-AI-slop y auditoría web. Usar cuando el usuario pide construir una landing page. Adapta secciones, copy y CTAs al tipo de negocio. Anti-AI-slop…

not rated 22 4mo ago A 85 tokens original MIT

convert-web-app

776

AI-Riksarkivet/ra-mcp

Skill Claude Code

This skill should be used when the user asks to "add MCP App support to my web app", "turn my web app into a hybrid MCP App", "make my web page work as an MCP App too", "wrap my existing UI as an MCP App", "convert iframe embed to MCP App", "turn my SPA into an MCP App", or needs to add MCP App support to an existing…

not rated 23 +2 yesterday A SkillSpector: pass 115 tokens original Apache-2.0

magnusfroste/flowwink

Skill Claude CodeCodex

Admin Copilot site-builder loop (copilot-action) is exposed as MCP skill buildsitestep so external claws drive the same loop the admin UI uses.

not rated 23 +1 today A 41 tokens original MIT

vercel

778

Elnora-AI/elnora-ai-agent-hackathon-starter-kit

Plugin Claude Code

Bundles 5 skills, 5 commands · 200 tokens together

Vercel platform management plus v0 — deploy, configure, monitor, and debug projects, and build UIs/apps with the v0 Platform API. Use when: deploy, vercel, v0, preview, production, logs, domains, environment variables, cron jobs.

not rated 22 2d ago A tokens not measured original Apache-2.0

design-to-code

779

ursazoo/lanhu-to-code

Skill Claude CodeCodex

Lanhu to Code workflow for Claude Code. Convert Lanhu design URLs into Vue/React frontend code with component reuse, design token mapping, TODO-safe business logic, and optional code review.

not rated 22 4mo ago A 42 tokens

hecate-ui

781

hecatehq/hecate

Skill Claude CodeCodex

Use when working on the Hecate operator UI in ui/. Keeps frontend work aligned with Hecate's operator-console workflows, runtime-debugging focus, and React/Vite stack.

not rated 22 yesterday A SkillSpector: pass 43 tokens original MIT

favicon-exporter

783

madebypan/FigCC

Skill Claude CodeCodex

Prepare and export favicon assets from Figma in common web sizes and formats.

not rated 22 1mo ago A SkillSpector: pass 19 tokens original MIT

astro-strapi-blocks

784

VirtusLab-Open-Source/astro-strapi-blocks

Skill Claude CodeCodex

Integrates @sensinum/astro-strapi-blocks with Strapi 5 Blocks fields in Astro: wiring data from API responses, theming with extend and overwrite, and custom block components. Use when adding or editing Strapi block rendering, rich text zones, or StrapiBlocks / theme configuration.

not rated 22 today A 74 tokens original MIT

website-creator

785

codeandbeans/website-creator

Skill Claude CodeCodex

Use this skill whenever the user wants to build, plan, redesign, or even just think through a website. This skill guides the full creation process — from initial discovery and competitive niche research all the way through site architecture, style guide, interactive localhost mockups, SEO copywriting, and schema…

not rated 22 5mo ago A 178 tokens

vibekit

786

MUKE-coder/vibekit

Skill Claude CodeCodex

Build Next.js apps using the VibeKit framework. Enforces masterprompt.md coding standards, applies design-style-guide.md tokens, uses JB components from jb-components.md, and builds phase by phase from project-phases.md. Use when starting a new VibeKit project or resuming a build.

not rated 22 1mo ago A 65 tokens

book-order-platform

787

eimg/book-order-platform-SKILL

Skill Claude CodeCodex

Implements a book order system with a Vite React storefront (React Router, TanStack Query) and an Express + Prisma + SQLite API: default pay-by-transfer flow with admin-reviewed payment proof, Cloudflare Turnstile on order submit, honeypot field, payment-proof upload with duplicate-image detection, 8-character receipt…

not rated 22 5mo ago A 148 tokens

pebble-protocol-ui

789

skyf0xx/Pebble

Skill Claude CodeCodex

Component catalogue for Pebble pebblesend type "ui" blocks — OpenUI Lang syntax, components, the action model (buttons, forms, $state), and what Pebble does NOT support. View when building an interactive UI block.

not rated 22 1mo ago A SkillSpector: pass 58 tokens original MIT

raqam

790

47vigen/raqam

Skill Claude CodeCodex

Teaches the raqam React number-input library — headless NumberField compound components, useNumberFieldState/useNumberField hooks, Intl presets, locale plugins (fa/ar/bn/hi/th), raqam/server formatting, validation, ScrubArea, accessibility, and form integration. Use when building or debugging currency/percent/unit…

not rated 22 4d ago A SkillSpector: pass 102 tokens original MIT

cranpose

791

samoylenkodmitry/Cranpose

Plugin Claude Code

Bundles 1 skill · 44 tokens together

Cranpose UI framework conventions and best practices skill for Claude Code.

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

rothenbergt/backstage-agent-skills

Skill Claude CodeCodex

Build Backstage frontend plugins with the New Frontend System: createFrontendPlugin, blueprints, routes, Utility APIs, testing. Use for pages, nav, entity content, or cards.

not rated 22 2mo ago A 44 tokens

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: