Frontend

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

pencil

1825

Gyejoon/pencil-plugin

Plugin Claude Code

Bundles 2 skills, 5 commands, 2 agents · 263 tokens together

A design-to-development integration tool based on Pencil, a design workflow platform. It supports design workflow automation, design-system management, design review, and converting designs into React and Tailwind code.

not rated 2 7mo ago A tokens not measured

figma-to-code

1826

bazingga08/figma-to-code

Plugin Claude Code

Bundles 1 skill, 1 command · 155 tokens together

Convert Figma designs to pixel-perfect production code via REST API pre-extraction. Supports React, React Native, and Flutter — handles designs of any size.

not rated 2 5mo ago A tokens not measured

mcp-app-builder

1828

hollaugo/prompt-circle-marketplace

Skill Codex

Build new MCP Apps (MCP servers with React UI output) using @modelcontextprotocol/ext-apps and the MCP SDK. Use when asked to scaffold or implement MCP App servers, add UI-rendering tools/resources, or migrate a standard MCP server to an MCP App with Vite single-file UI bundles.

not rated 2 7mo ago A 67 tokens

muhkoo-app-builder

1830

muhkoo/builder

Plugin Claude Code

Bundles 1 skill · 125 tokens together

Describe an app idea in plain language and build it end-to-end on Muhkoo: provision the backend (app key, database tables, channels, agents, serverless functions), scaffold a Vite + React client against @muhkoo/connect, verify it with a live Cypress suite, give it a responsive distinctive design, and host it at .

not rated 2 2mo ago A tokens not measured original MIT

agora

1832

agora-oss-org/agora-plugins

Plugin Claude Code

Bundles 1 skill · 99 tokens together

Build apps on the Agora SDK (@agora-sdk/): provider+hooks model for comments, reactions, feeds, auth, chat, spaces — plus the fork's divergences from upstream Replyke. Skills look things up via a bundled API surface, the consumer's installed .d.ts, and (optionally) the Replyke docs, so they work offline.

not rated 2 3mo ago A tokens not measured original Apache-2.0

wordpress-developer

1833

umutsevimcann/wordpress-developer-skills

Skill Claude CodeCodex

WordPress theme and plugin development expert. This skill is triggered when users mention WordPress, theme, plugin, Gutenberg, WooCommerce, hook, shortcode, wpenqueue, addaction, addfilter, or related terms.

not rated 2 9mo ago A 48 tokens original MIT

dennisimoo/neobrutalism-mcp-server

MCP server Claude CodeCodexCursor +2

A Model Context Protocol (MCP) server for neobrutalism components, providing AI assistants with access to component source code, demos, blocks, and metadata. Runs locally from the neobrutalism-mcp-server npm package.

not rated 2 1y ago A tokens not measured original MIT

looba-mcp

1835

Looba-snippet/looba-mcp

MCP server Claude CodeCodexCursor +2

MCP server for browsing Looba UI snippets — search posts, read code, and discover authors. Runs locally from the looba-mcp npm package.

not rated 2 26d ago A tokens not measured original MIT

preact-mcp

1836

JoviDeCroock/preact-mcp

MCP server Claude CodeCodexCursor +2

Model Context Protocol server for Preact documentation. Runs locally from the preact-mcp npm package.

not rated 2 1y ago A tokens not measured original MIT

bennyzen/mcp-accessibility-checker

MCP server Claude CodeCodexCursor +2

MCP server "mcp-accessibility-checker" as configured in bennyzen/mcp-accessibility-checker. Runs locally from the mcp-accessibility-checker npm package.

not rated 2 5mo ago A tokens not measured original MIT

claude-bridge-mcp

1838

0motionguy/claude-bridge-mcp

MCP server Claude CodeCodexCursor +2

MCP server that connects the Claude Bridge Chrome extension to Claude Code — click any UI element and get its React component, source file, props, and styles as context. Runs locally from the claude-bridge-mcp npm package.

not rated 2 6mo ago A tokens not measured original MIT

harness-fe

1839

Morphicai/harness-fe

Skill Claude Code

Debug, inspect, and drive any frontend app that has the Harness-FE Vite/Webpack plugin installed. Use this when the user reports a UI bug, asks "why is this happening on the page", wants to inspect runtime state, drive an automated browser test, or needs to correlate browser behavior with source files (especially in…

not rated 2 12d ago A 79 tokens original MIT

lightweightchartsmcp

1840

TheFractalyst/LightWeightChartsMCP

Skill Claude CodeCodex

Use when working with TradingView Lightweight Charts library. Covers createChart, series types, price scales, time scales, plugins, and framework integrations across all versions (3.8-5.0). Triggers on "lightweight charts", "tradingview", "createChart", "addSeries", "candlestick", "chart", "IChartApi", "ISeriesApi".

not rated 2 1mo ago A 84 tokens original MIT

loftur

1841

jokull/loftur

Skill Claude CodeCodex

Spin up and ship real, multi-tenant websites and web apps on Loftur — a runtime you drive over MCP. Use when the user wants to create, edit, or deploy a site, page, or small app that needs hosting, a database, auth, secrets, email, file uploads, or a CMS, without setting up any infrastructure. With one account token…

not rated 2 2mo ago A 98 tokens original MIT

html2style

1842

jackguihx-alt/html2style

Skill Claude CodeCodex

A skill for studying the visual rules of real websites and turning them into a reusable design package for other web projects. It can capture measured colors, spacing, fonts, components, icons, and assets while keeping the evidence behind those rules.

not rated 2 1mo ago A 145 tokens original MIT

ultra-frontend

1843

namanmehta96/ultra-frontend-skill

Skill Claude CodeCodex

Master frontend skill for Claude Code. Synthesizes ultra-frontend design system, uiuxpromax design intelligence, superdesign.dev aesthetics, framer-motion + GSAP full plugin ecosystem, 21st.dev component patterns, Three.js 3D, shadcn/ui, and production-grade architecture. Invoke for ANY visual web task: landing pages…

not rated 2 +1 1mo ago A 136 tokens original MIT

eternal-pose

1844

XBlueSky/laugh-tale

Plugin Claude Code

Bundles 1 skill · 73 tokens together

Build and evolve map-first, mobile-first travel sites from real itinerary material.

not rated 2 3d ago A tokens not measured original MIT

componentize

1845

MonloHua/componentize

MCP server Claude CodeCodexCursor +2

Screenshot → reusable Tailwind components. MCP Server for AI-powered UI component extraction. Works with Claude, Cursor, Windsurf, Copilot. Runs locally from the @monlohua/componentize npm package.

not rated 2 3mo ago A tokens not measured original MIT

nicegui-mcp

1846

start-trek/nicegui-mcp

MCP server Claude CodeCodexCursor +2

MCP server "nicegui-mcp" as configured in start-trek/nicegui-mcp. Runs locally from the /path/to/nicegui-mcp Python package.

not rated 2 +1 5mo ago A tokens not measured

pagespeed-insights

1847

EnderPuentes/ai-agent-skills

Skill Claude CodeCodex

Audit web pages for performance optimization following PageSpeed Insights guidelines. Use when analyzing page performance, optimizing web applications, reviewing performance metrics, implementing Core Web Vitals improvements, or when the user mentions page speed, performance optimization, Lighthouse scores, or Core…

not rated 2 2mo ago A Socket: passSnyk: pass 58 tokens

shadcn

1848

Celmis-labs/Celmis

MCP server Claude CodeCodexCursor +2

One of 2 in .mcp.json

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

not rated 2 +2 12d ago A tokens not measured AGPL-3.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: