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.

explainer-site

529

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 90 +1 14d ago A 59 tokens

ai-assist-prototype

530

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 90 2mo ago A 311 tokens

frontend-preview

531

Lawofall/AgentCore

Cursor rule Cursor

An offline preview and screenshot-checking workflow for the desktop interface. It replays saved AI event scenarios in the real interface, so developers can inspect intermediate streaming states without a backend or live AI service.

not rated 90 changed 15d ago A 109 tokens original

panels

533

intentic/intentic

Skill Claude CodeCodex

Make a repository runnable in the sandbox and on the owner's computers (targets in its .intentic/run.json, or a Procfile, a dev or start script, a Cargo binary that Start finds) and give it an operator panel, a small web UI the user opens from the sidebar to run and preview that repo, by adding an operator/ directory…

not rated 90 +3 changed 2d ago A SkillSpector: pass 109 tokens original MIT

design-taste

534

h3nryprod01/design-taste

Plugin Claude Code

Bundles 1 skill · 127 tokens together

Elite frontend design taste for building, reviewing, and polishing web interfaces. Use whenever the user wants to design, redesign, shape, critique, audit, polish, or improve any UI (landing pages, portfolios, dashboards, product UI, components, forms, onboarding, empty states) or asks to make something look better /…

not rated 90 +4 changed 1mo ago A tokens not measured original MIT

pi-tui-design

535

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 87 +1 yesterday A 139 tokens

dashboard-patterns

536

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 87 5mo ago A 56 tokens original Unlicense

react-vue-H5-convert

537

HuolalaTech/huolala-figma-mcp

Skill Claude CodeCodex

A conversion guide for turning an HTML design export into H5 mobile web code, React code, or Vue code. H5 means a web page designed for mobile browsers; React and Vue are tools for building user interfaces.

not rated 85 4mo ago A 51 tokens original Apache-2.0

hyva-cms-component

538

hyva-themes/hyva-ai-tools

Skill Claude CodeCodex

Create custom Hyvä CMS component. This skill should be used when the user wants to create a new Hyvä CMS component, build a Hyvä component, or needs help with components.json and PHTML templates for Hyvä CMS. Trigger phrases include "create hyva cms component", "add cms component", "new hyva component", "build page…

not rated 85 3mo ago A Socket: passSnyk: pass 86 tokens OSL-3.0

uizze-ui-finish-gate

539

uizze/uizze

Cursor rule Cursor

Apply the UIZZE design contract and finish gate to frontend work.

not rated 85 +8 5d ago A 177 tokens original MIT

ripdpi-design

540

po4yka/RIPDPI

Skill Claude Code

Use this skill to generate well-branded interfaces and assets for RIPDPI (an Android-native, Compose-first VPN and DPI-bypass app), either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, brand-ship icons, and an interactive UI kit of every public composable…

not rated 85 today A 77 tokens original BSD-3-Clause

scroll-cinematic

541

zubair-trabzada/scroll-cinematic-claude

Skill Claude CodeCodex

Build an award-winning "3D scroll" website of ANY kind from ONE prompt — product launch, portfolio, agency, contractor/home-services, restaurant, real estate, personal brand, event, app, etc. Generates a high-end cinematic hero visual + clips (360° orbit, fly-through, reveal, explode, parallax) fitting the site's…

not rated 84 +1 4mo ago A 0 tokens

responsive-craft

542

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 84 7mo ago A 112 tokens

email-html-mjml

543

framix-team/skill-email-html-mjml

Skill Claude CodeCodex

Responsive HTML email template generation using MJML 5.x framework. Use when the user asks to create, generate, design, or build an email template — including welcome emails, promotional blasts, transactional templates, newsletters, or any responsive email. Also use when the user asks to compile MJML to HTML, work…

not rated 83 +1 2mo ago C Socket: passSnyk: pass 90 tokens original MIT

web-animation-skills

545

iart-ai/web-animation-skills

Plugin Claude Code

Bundles 9 skills · 949 tokens together

Web animation skills for AI coding agents — GSAP, SVG, Lottie, micro-interactions, page transitions, and 60fps performance, installed straight into your agent.

not rated 80 +14 4mo ago A tokens not measured original MIT

tailwind-4-docs

546

Lombiq/Tailwind-Agent-Skills

Skill Claude CodeCodex

Comprehensive Tailwind CSS v4 documentation snapshot and workflow guidance. Use when answering Tailwind v4 questions, selecting utilities/variants, configuring Tailwind v4, or migrating projects from v3 to v4 with official docs and gotcha checks.

not rated 79 7mo ago A Socket: passSnyk: pass 57 tokens original BSD-3-Clause

univer-integrate

547

dream-num/skills

Skill Codex

Integrate Univer Sheets, Docs, or Slides into React, Vue 3, HTML, or Node.js projects. Use when embedding Univer, choosing preset or plugin mode, initializing instances, configuring themes/locales/workers, or manipulating workbooks, worksheets, ranges, formulas, permissions, and events through the Facade API.

not rated 79 24d ago A SkillSpector: pass 70 tokens original Apache-2.0

ruslanlap/pagespeed-insights-mcp

MCP server Claude CodeCodexCursor +2

Google PageSpeed Insights and CrUX: six workflow tools for web performance. Runs locally from the pagespeed-insights-mcp npm package. Needs 1 environment variable to run.

not rated 79 +2 3d ago A tokens not measured original Apache-2.0

effect-best-practices

549

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

css

550

sdeonvacation/opencode-x

Agent OpenCode

Agent "css" from sdeonvacation/opencode-x, covering example of correct implementation, reusable components and key clarifications.

not rated 78 +2 17d ago A 9 tokens copy · 100% MIT

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 77 4mo ago A 70 tokens

shadcn

552

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 77 2d ago 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: