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.

symbols

1873

symbo-ls/symbols-mcp

Skill Claude CodeCodex

Symbols platform + DOMQL v3.14 framework skill. Use when working in a Symbols project (a directory tree containing symbols.json), writing or editing DOMQL components/pages/design-system tokens, using the smbls CLI (start, build, push, publish), converting React/HTML to DOMQL, or auditing frankability. Routes all…

not rated 1 5d ago A 82 tokens

charming

1874

tambo-labs/charming-mcp

Skill Claude CodeCodex

Create, update, inspect, or troubleshoot Charming-hosted interactive web apps via the Charming MCP server, or connect an AI client (Claude, Cursor, Codex, Gemini CLI, ChatGPT) to Charming.

not rated 1 changed yesterday A 45 tokens original MIT

composer_kit_mcp

1876

celo-org/composer-kit-mcp

MCP server Claude CodeCodexCursor +2

A Model Context Protocol (MCP) server for Composer Kit UI components and Celo Composer project creation. Runs locally from the composer_kit_mcp Python package.

not rated 1 4d ago A tokens not measured original MIT

css

1877

lesleslie/css-mcp

Plugin Claude Code

Bundles 3 commands · 58 tokens together

Bodai plugin for the css-mcp CSS analysis server.

not rated 1 6d ago A tokens not measured original BSD-3-Clause

web-typography

1878

simongonzalezdc/web-typography-skill

Skill Claude CodeCodex

Expert front-end web typography — apply this whenever you are styling text on the web or making type decisions in HTML/CSS/JSX/Tailwind. Use it to choose and pair fonts, build a type scale, set body copy and headings, tune fluid/responsive type with clamp(), fix line-height, rhythm, measure and heading wraps, improve…

not rated 1 12d ago A 156 tokens original Apache-2.0

electron-app-dev

1879

delta-and-beta/electron-dev-bridge

Skill Claude CodeCodex

Develop and automate Electron apps using the electron-dev-bridge. Trigger on: Electron app, desktop app, UI automation, DOM inspection, IPC handler, screenshot, BrowserWindow, webContents, CDP tools, electron-mcp, preload script, contextBridge.

not rated 1 5mo ago A 56 tokens original MIT

accessibility-audit

1880

humbleteam/accessibility-audit

Skill Claude CodeCodex

Runs a WCAG 2.2 accessibility audit of a screenshot, URL, or HTML/JSX and reports findings by severity (P0 blocks use, P1 degrades use, P2 friction), each with a success-criterion citation. Use for "check accessibility", "run an a11y audit", "is this WCAG compliant", "is this accessible", or "audit contrast and…

not rated 1 6d ago A 114 tokens original MIT

angular-material

1881

sefatanam/ng-skills

Skill Claude CodeCodex

Build, customize, and theme Angular Material + CDK UIs the modern way — signal primitives (input()/output()/model()/computed), native control flow (@if/@for/@switch), standalone + OnPush + zoneless. Use when adding/using any Material component, building custom widgets from CDK primitives, overriding the Material…

not rated 1 1mo ago A 104 tokens original MIT

devourer

1882

LoserLab/devourer

Skill Claude CodeCodex

Component Theme Generator that transforms color palettes into production-ready UI components. Use when the user requests themed components (buttons, cards, inputs, forms, etc.) based on a color system or palette, especially when consuming output from Hexed or other color generation tools. Generates complete component…

not rated 1 5mo ago A 82 tokens original MIT

drawn-to

1883

Stianlars1/drawn-to

Skill Claude CodeCodex

Establish and apply a design direction using a curated visual reference library, plain-language weighted choices and a project lock file. Use for web design direction, "my taste", "min stil", visual alternatives, or reviewing UI against an existing direction. Also supports maintaining this reference library. A…

not rated 1 changed 5d ago A 74 tokens

frontend

1884

jv-vogler/skills

Plugin Claude Code

Bundles 1 skill · 171 tokens together

Use when adding or changing a feature, page, API call, hook, form, or component in a React or Next.js app laid out as infrastructure + domain + view + routes; when deciding which layer code belongs in; when reviewing a diff for layering violations; or when structuring a greenfield frontend. Covers dependency rules…

not rated 1 18d ago A tokens not measured original MIT

bubbletea

1885

vinsonconsulting/claude-skill-foundry

Skill Claude CodeCodex

Use this skill when building a terminal UI (TUI) in Go with Bubble Tea and the Charm stack: the Elm Architecture / MVU pattern (tea.Model with Init/Update/View), Cmd/Msg event flow, Lip Gloss styling and layout, Bubbles components (viewport, list, table, textinput, textarea, spinner, progress), Glamour markdown…

not rated 1 1mo ago A 253 tokens original Apache-2.0

LX-Director/claude_fullstack-ai-builder

Skill Claude CodeCodex

A method for building and launching complete AI-powered web applications, from requirements and technical planning through the front end, back end, AI integration, and deployment. It is aimed at people who want to create an application without a back-end engineer.

not rated 1 4mo ago A 201 tokens

smartbrainactivity/electron-desktop-builder

Skill Claude CodeCodex needs its repo

Converts a web app (Express, React, Vite, Next.js) into an Electron desktop app. Use when starting a new Electron project from an existing web app, when setting up electron-builder for the first time, when creating main.ts/preload.ts boilerplate, when generating icon assets, or when configuring NSIS installers.…

not rated 1 5mo ago A 109 tokens original MIT

data-vis-coding-v2

1888

hsuan1012/Dataviz-Coding-Agent

Skill Claude CodeCodex

A workflow for building interactive data-visualization apps from CSV, JSON, or GeoJSON data using React, Tailwind, Chart.js, or D3.

not rated 1 17d ago A 327 tokens

html-mockup

1889

humbleteam/html-mockup

Skill Claude CodeCodex

Builds a pixel-faithful single-file HTML mockup from a reference screenshot by counting colors, photos, items, and states before writing markup. Use when a user says "turn this screenshot into HTML", "build a mockup that matches this design", "code this screen exactly", or pastes an image and asks for a coded version.…

not rated 1 changed 3d ago A 92 tokens original MIT

textual

1890

vinsonconsulting/califa-cards

Skill Claude CodeCodex

Build, style, and debug terminal user interfaces in Python with Textual. Use when the user mentions Textual, a TUI, App/Widget/Screen subclasses, reactive attributes, TCSS or Textual CSS, textual run, textual console, or compose(). Do NOT use for plain CLI argument parsing (use click-cli), Rich-only static output (use…

not rated 1 1mo ago A 88 tokens original Apache-2.0

Abhishek-Chougule/website-standards-auditor

Skill Claude CodeCodex

Audit and fix any website (new, in development, or already live) against the organization's mandatory engineering and web standards, then scaffold or repair the gaps after the user approves. Use this whenever the user wants an SEO, GEO, AEO, accessibility, performance, structured data, schema, sitemap, robots.txt…

not rated 1 2mo ago A 182 tokens original MIT

impeccable

1892

Culeot/content-forge-kit

Skill Codex

Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states.…

not rated 1 1mo ago A 403 tokens

solidjs

1893

suryavirkapur/skills

Skill Claude CodeCodex

SolidJS framework development skill for building reactive web applications with fine-grained reactivity. Use when working with SolidJS projects including: (1) Creating components with signals, stores, and effects, (2) Implementing reactive state management, (3) Using control flow components (Show, For, Switch/Match)…

not rated 1 7mo ago A Socket: passSnyk: pass 140 tokens

utoo

1894

utooland/skills

Skill Claude Code

A command-line tool for managing JavaScript packages and running project scripts, including in a monorepo—a repository containing several related packages or apps.

not rated 1 1mo ago C 298 tokens original MIT

gluestack/agent-skills

Skill Claude CodeCodex

Component usage patterns for gluestack-ui v4 - covers component selection, props vs className, compound patterns, icons, and provider setup.

not rated 1 2mo ago A 38 tokens original MIT

wcag-accessibility

1896

salawi45/skill-wcag-accessibility

Skill Claude CodeCodex

Apply and audit WCAG 2.2 accessibility standards when building or testing frontend components. ALWAYS use this skill when: building any UI component, page, or layout (even if the user doesn't mention accessibility); running accessibility audits or tests; asked to "check a11y", "test accessibility", "audit WCAG…

not rated 1 5mo ago A 145 tokens 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: