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.

web-platform-design

1273

dirnbauer/typo3-skills

Skill Claude CodeCodex

Web platform design and accessibility guidelines. Use when building web interfaces, auditing accessibility, implementing responsive layouts, or reviewing web UI code. Triggers on tasks involving HTML, CSS, web components, WCAG compliance, responsive design, or web performance.

not rated 7 +1 2d ago A 53 tokens

ai-ui-ux-motion-engine

1274

OpaceDigitalAgency/skills

Plugin Claude Code

Bundles 1 skill · 138 tokens together

Accuracy-first cinematic website skill with timeboxed product-film production, reusable scroll media and fail-closed validation.

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

imgui

1275

SaloQT/imgui-mcp

MCP server Claude Code

MCP server "imgui" as configured in SaloQT/imgui-mcp. Runs locally from the ${CLAUDE_PROJECT_DIR} Python package.

not rated 7 +1 3mo ago A tokens not measured original MIT

react-review

1276

thereactfoundation/react-skills

Plugin Claude Code

Bundles 1 skill · 115 tokens together

Deep React code review that catches architectural violations, hook misuse, React Compiler incompatibilities, and component design anti-patterns.

not rated 7 7mo ago A tokens not measured

design-plan

1277

Dannykkh/skill-olympus

Skill Codex

A design-system planning and implementation guide for frontend projects. A design system is a shared set of visual rules, reusable components, and accessibility practices for building consistent user interfaces.

not rated 7 changed 2d ago A SkillSpector: pass 108 tokens original MIT

impeccable

1278

MaxQian888/cognia-next

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 7 4d ago A 187 tokens AGPL-3.0

clarity

1279

wghglory/ngx-lift-workspace

Cursor rule Cursor

Context: These guidelines apply specifically to the clr-lift library and the demo app. The ngx-lift library does not use Clarity Design System.

not rated 7 yesterday A 3,490 tokens original MIT

design-taste-frontend

1281

figueroaignacio/ignaciofigueroa.dev

Skill Claude CodeCodex

A page built by a model usually looks like the average of every page the model has seen: a centred headline over three lines, a little label above it, a row of icon cards, a soft gradient, a few thin rules and a monospace caption. Nothing in it is wrong and nothing in it was decided.

not rated 7 8d ago A 228 tokens original MIT

frontend-design

1282

qinye6/pi-ccg

Skill Claude CodeCodex

Frontend design skill fused from Impeccable + custom extensions. Covers design philosophy, anti-AI-slop patterns, typography, color (OKLCH), spatial design, motion, interaction, responsive, UX writing, state management, engineering, and 4 style variants. Includes 20 command skills for audit/critique/polish/animate/etc.

not rated 6 +1 2mo ago A SkillSpector: pass 75 tokens original MIT

validator

1283

swatchdog-dev/swatchdog-mcp

MCP server Claude CodeCodexCursor +2

On-demand drift checks: declared CSS color, radius, spacing & type vs your own tokens or a pack. Remote server at swatchdog-mcp-970396648818.us-central1.run.app.

not rated 6 3mo ago A tokens not measured

angora-component

1285

Aysnc-Labs/angora

Skill Claude Code

Build or update a reusable UI component in src/components/ — primitives, composites, landmarks, content components. Trigger whenever the user wants to create or modify any .astro file under src/components/, add a variant or state to an existing component, do a visual refactor (spacing, hover lift, type), or build a…

not rated 6 6mo ago A 154 tokens original MIT

fe-skills

1286

wj100/fe-skills

Plugin Claude Code

Bundles 5 skills · 611 tokens together

A Chinese-language collection of frontend development guidance covering project setup, speed, architecture changes, quality, and security.

not rated 6 6mo ago A tokens not measured

image-first-frontend

1287

jinshiqwq/image-first-frontend

Skill Codex

Generate a polished frontend reference screenshot through a configurable GPT-image-2-compatible generations endpoint, save and show versioned previews inside the project, revise selected previews through a configurable /images/edits endpoint, and reproduce only the user-approved design as functional frontend code with…

not rated 6 3mo ago A 118 tokens original MIT

dev-frontend

1288

idaibin/skills

Skill Codex

Implement frontend UI and project-native UI guidance in the existing stack. Route change-based reviews to repo-review and existing-surface audits without a change basis to repo-audit.

not rated 6 changed yesterday A 38 tokens original Apache-2.0

frontend-ui-workflow

1289

Daaaaave/agentic-workspace-core

Skill Claude CodeCodex

Use for frontend/UI build, change, redesign, polish, review, or Figma/screenshot implementation when visual quality, product-appropriate design taste, UX, responsive behavior, accessibility, component composition, or design-system consistency matters. Pair with software-development-workflow for code changes. Do not…

not rated 6 changed 8d ago A 85 tokens original MIT

fetch

1290

ucsahinn/codex-chef

Skill Codex

Reconstruct an authorized reference website from a supplied URL with high visual, responsive, interaction, asset, and observable behavior fidelity. Use only when the user explicitly invokes $fetch or $codex-chef-workflows:fetch for site reconstruction; do not use for JavaScript Fetch API help, generic scraping or…

not rated 6 2mo ago A 75 tokens original MIT

impeccable

1291

wei-b0/codexbar-lite

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 6 2mo ago A 189 tokens

nextjs-reusable-table

1292

ninsau/nextjs-reusable-table

Skill Claude CodeCodex needs its repo

Use this skill when building or customising data tables with nextjs-reusable-table. Covers installation, all props, sorting, pagination, search, row actions, dark mode, custom styling, and Tailwind setup for Next.js 13+ and React 18+.

not rated 6 8mo ago A 59 tokens original 0BSD

frontend-design-studio

1293

TIKAZI/TIKAZ-AI-Skills

Skill Codex

Direct, design, implement, animate, critique, audit, polish, and deploy distinctive production frontend interfaces for websites, landing pages, web apps, dashboards, mobile concepts, and desktop shells. Use for new frontend builds, redesigns, bland or visually generic UI, messy interfaces, design systems, Vue Bits or…

not rated 6 7d ago A SkillSpector: pass 126 tokens original MIT

think-in-html

1294

vibhusharma101/Think-In-HTML

Cursor rule Cursor

Generate an interactive HTML explainer from code, thinking transcripts, or text. Use when the user asks to explain code visually, create an interactive walkthrough, or generate a Think-In-HTML output.

not rated 6 3mo ago A 39 tokens original MIT

html-to-webflow

1295

febi-git/html-to-webflow

Plugin Claude Code

Bundles 1 skill · 153 tokens together

Ship hand-coded or vibe-coded HTML/CSS/JS into Webflow via the moden.club converter. Encodes 48+ tested fixes for class collisions, Designer canvas glitches, GSAP/ScrollTrigger integration, asset re-linking, and re-import cleanup. Asks which CSS framework to use for new projects — Lumos v2, Finsweet Client-First v2.1.

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

project

1296

PoulpYBifle/NCF-Coding-Best-Practices

Cursor rule Cursor

Regles NCF pour projets Next.js + React + TypeScript. Securite, accessibilite, TDD, conventions.

not rated 6 8mo ago A 2,650 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: