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.

michelangelo

745

renatoasse/ibeia-skills

Skill Claude CodeCodex

Redesenha artefato visual (UI, documento, slide) com detector determinístico de render.

not rated 25 +4 changed today A 25 tokens

fuse-design

746

fusengine/agents

Plugin Claude Code

Bundles 9 skills, 5 commands, 1 agent · 538 tokens together

Design Director for websites, web apps, iOS, and Android. Generates HTML/CSS directly (Gemini Design MCP, Magic/21st.dev, and shadcn MCP are optional). iOS/Android produce tokens + a device-framed mockup + a handoff spec, never SwiftUI/Compose. Design method, design system tokens, motion, UX copy, and a deterministic…

not rated 25 changed 5d ago A tokens not measured original MIT

alessioarzenton/claude-code-wp-toolkit

Skill Claude CodeCodex

Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.

not rated 24 6mo ago A 42 tokens GPL-3.0

korrodesign

748

KorroAi/korrodesign

Skill Claude Code

Design Copilot with two enforcement layers (Taste Guardian + Blind Spot ESLint plugin, 14 rules). Works standalone with zero dependencies. 7-phase design pipeline. Produces Awwwards-level websites with automated UI hygiene enforcement.

not rated 24 2mo ago A 50 tokens original MIT

cflx-proposal

749

tumf/conflux

Skill Claude CodeCodex

Create implementation-ready Conflux proposals, including fail-closed visual contracts for UI changes. Use for any request to create, draft, review, or strengthen a proposal or product change.

not rated 24 changed 6d ago A 42 tokens

flet-development

750

HnBigVolibear/awesome-flet-development-skill

Skill Claude CodeCodex

This skill should be used when developing desktop/web applications with Flet; encountering Flet 1.0+ version compatibility issues; migrating from Flet 0.x to 1.0+; encountering API errors with Tabs/Badge/Radio/BorderRadius controls; needing guidance on Flet animations, async operations, or layouts. Covers Flet 0.82.0+…

not rated 24 5mo ago A 92 tokens original MIT

structpages

751

jackielii/structpages

Plugin Claude Code

Bundles 1 skill · 103 tokens together

Patterns and guidance for the structpages Go web framework (struct-based routing + templ + HTMX).

not rated 24 2d ago A tokens not measured original BSD-3-Clause

bitovi/superconnect

Skill Claude CodeCodex

Generates Figma Code Connect mappings for React or Angular repos, validates them with pre-checks and the Figma CLI, and can publish via figma connect. Use when a user provides a Figma file URL and a component repo and asks for Code Connect files, figma.config.json, or validation.

not rated 24 7mo ago A 67 tokens original MIT

tailwind-v4-shadcn

753

yashshinde0080/promptIO

Plugin Claude Code

Bundles 1 skill, 1 command · 93 tokens together

Set up Tailwind v4 with shadcn/ui using @theme inline pattern and CSS variable architecture. Four-step pattern: CSS variables, Tailwind mapping, base styles, automatic dark mode. Prevents 8 documented errors. Use when initializing React projects with Tailwind v4, or fixing colors not working, tw-animate-css errors…

not rated 24 +2 2mo ago A tokens not measured

zian10001/codex-frontend-visual-handoff

Skill Codex

Provider-neutral, Windows-first Beta workflow for inspecting, preparing, and reviewing bounded frontend visual handoffs with optional external coding clients and a Codex-only path. Use only when the user explicitly invokes $frontend-visual-handoff; default to mode=inspect, require a separate second invocation with…

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

saralobo/rules-design-bible

Cursor rule Cursor

Responsiveness, constraints, auto-layout sizing (FILL/HUG/FIXED), min/max dimensions, adaptive components. Use when building responsive screens, setting constraints, or making components adapt to different screen sizes.

not rated 24 5mo ago A 42 tokens

mcp-antd-components

757

hannesj/mcp-antd-components

MCP server Claude CodeCodexCursor +2

MCP server "mcp-antd-components" as configured in hannesj/mcp-antd-components. Runs locally from the mcp-antd-components npm package.

not rated 24 1y ago A tokens not measured

elementor-v3-builder

758

cosmincraciun97/stonewright-wp-mcp

Skill Claude CodeCodex

Stonewright Elementor V3 builder for native-first implementation from Figma, screenshots, images, or briefs, plus pages, widgets, Loop Grid, templates, kit styles, responsive edits, and safe batch mutations. Use whenever a task reads, plans, builds, or repairs an Elementor V3 page or template.

not rated 24 15d ago A 68 tokens AGPL-3.0

html-style-generator

759

Renais-Star/html-style-generator

Skill Claude CodeCodex

A tool for generating multiple connected HTML page prototypes in different design styles. The generated pages use Simplified Chinese text, custom CSS styling, navigation links, and optional image and icon libraries.

not rated 24 6mo ago A 29 tokens original MIT

design-engineering

760

AgentsORG/design-engineering

Plugin Claude Code

Bundles 1 skill, 9 commands, 9 agents · 1,394 tokens together

Design engineering for AI agents — animation timing, transitions, typography, color, components, layout, accessibility, anti-patterns, sound, SVG. Plus a SOUL.md identity layer and nine workflow subagents (ui-reviewer, motion-auditor, anti-pattern-scanner, agentation-fix-loop, design-md-consumer, pov-curator…

not rated 24 +3 changed 4d ago A tokens not measured original MIT

devinilabs/pro-skill

Skill Codex

Build rich, scroll-controlled real-time Three.js experiences as one persistent 3D world whose camera, lighting, atmosphere, materials, objects, DOM story, and interactions evolve across authored chapters. Use for 3D scrollytelling, scroll-driven WebGL worlds, camera journeys, interactive portfolios, product stories…

not rated 24 +4 28d ago A 105 tokens copy · 100% MIT

interface-design

762

jaimevalasek/aioson

Skill Claude CodeCodex

The framework's single design engine: craft-first selection of an intentional visual direction, a stable token system, and UI continuity across screens. A blank designskill resolves to it; only a project-forged skill (site-forge or hybrid output) that designskill names explicitly replaces it. Never combined with…

not rated 24 2d ago A 71 tokens AGPL-3.0

ui-components

763

virastack/ai

Cursor rule Cursor

USE WHEN: Building UI components, structuring layouts, and applying styles using Tailwind CSS.

not rated 23 1mo ago A 0 tokens original MIT

frontend-design

764

yrris/pro-agent

Skill Claude CodeCodex

A tool for generating a complete single-file web page, such as a landing page, dashboard, form, or prototype. The output is a self-contained site.html file that can be previewed.

not rated 23 1mo ago A 38 tokens

ai-agents-ui-skills

765

gocallum/nextjs16-agent-skills

Skill Claude CodeCodex

Comprehensive guide for building AI agents using ToolLoopAgent, workflow patterns, and AI SDK UI components (useChat, generative UIs, tool calling).

not rated 23 7mo ago A 32 tokens

react-navigation/skills

Skill Codex

Migrate React Navigation 7.x or 8.x navigators from JSX-based Dynamic API Navigator and Screen elements to Static API object configuration. Use when converting React Navigation screen trees, static navigation containers, nested navigators, groups, linking/deep-link config, render callbacks, getComponent screens…

not rated 23 2mo ago A 83 tokens

accessible-by-default

767

ThomasSweet/a11y-foundation

Skill Claude CodeCodex

Build web UI that is accessible through the platform instead of patched with ARIA and JavaScript. Use when writing or reviewing HTML and CSS for any web interface - choosing between a native element and a hand-built component, styling focus, honouring user preferences such as reduced motion or forced colors, meeting…

not rated 23 4d ago A SkillSpector: pass 82 tokens original MIT

inspecto-dev/inspecto

Skill Codex

Use when Codex should install or set up Inspecto in the current frontend project through the shared onboarding workflow.

not rated 23 6d ago A SkillSpector: warn 30 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: