5,678 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.
Skill Claude CodeCodex
A workflow for creating frontend user-interface visuals with AI, from visual reference and real materials to generated code, browser screenshots, and visual comparison. It focuses on layouts, typography, exact text, interface states, and avoiding invented content.
Plugin Claude Code
Bundles 3 skills · 292 tokens together
Frontend Design Kit — UI, UX, components, charts & animation for Claude Code. Three skills in one: KokonutUI (polished React/Tailwind components), Bklit UI (charts & data-viz), and Anime.js v4 (animation engine).
yasirshabbirservices/Bricks-Builder-MCP
Skill Claude Code
Use when developing for Bricks Builder (WordPress): custom elements, controls, query loops, dynamic data tags, templates/element trees, Style Manager (global variables, color palettes, theme styles, breakpoints), custom fonts, global classes, interactions, popups, query filters, or debugging Bricks rendering/CSS…
sergekostenchuk/mouse-trail-masking-reveal
Skill Codex
Build, repair, tune, and validate interactive cursor-trail mask reveal hero effects in frontend projects. Use when implementing canvas-based base/reveal compositing, soft radial cursor masks, fading cursor trails, reveal debug controls, full-screen hero scenes without site text, or browser smoke checks for cursor…
Skill Claude CodeCodex
Use when building or styling any web UI — landing pages, hero sections, dashboards, components, marketing sites — or when the user asks for beautiful, animated, or polished design, UI animations, animated backgrounds, gradients, icons, smooth scrolling, or design inspiration. Also use before reaching for the web to…
kumbajirajkumar123/frontend-design
Skill Claude CodeCodex
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI).…
Skill Codex
Transform existing web application interfaces into Windows 98, Windows XP, Windows 7, or Japanese freeware 2000s desktop styles while preserving behavior. Use for repository-level retro UI conversions, not for greenfield mockups or bitmap-only artwork.
whatsuppiyush/make-my-website-non-ai-looking-claude-skill
Plugin Claude Code
Bundles 2 skills · 156 tokens together
Two skills that build websites which look designed rather than generated, and fix the ones that already look generated. Thirty giveaway patterns tiered into bans, a budget, and requirements.
Cursor rule Cursor
Rules for building with Solar (solarbuild) — a runtime UI framework for AI-generated code.
RoninForge/roninforge-tailwind-v4
Cursor rule Cursor needs its repo
Tailwind CSS v3-to-v4 migration rules. Activated when the agent determines migration work is needed. Covers step-by-step upgrade process, common pitfalls, and automated migration tooling.
Cursor rule Cursor
You are a front-end expert following the UI/UX 2026 design system.
Skill Claude Code
Use when the user wants to design, analyze, audit, refine, or improve frontend interfaces. Covers websites, landing pages, dashboards, product UI, applications, components, design systems, and any visual interface. Handles UX review, visual hierarchy, information architecture, accessibility, performance, responsive…
Skill Claude CodeCodex
Comprehensive web interface guidelines for accessibility, interactions, animations, layout, content, forms, performance, and design.
Skill Claude CodeCodex
A visual design recipe that changes HTML, React or Vue pages to a neo-brutalist style: warm paper-like backgrounds, grids, thick black edges, square corners and solid offset shadows. React and Vue are tools for building web interfaces.
GuilhemBusset/agentic-or-workshop
Skill Codex
Standardize repository HTML pages to a shared Atom One Dark visual system. Use when asked to align look and feel across multiple HTML files, generate per-page UI component guidelines, apply a consistent theme stylesheet, and verify compliance across all HTML labs.
yinyucheng0601/pto-design-system
Skill Claude CodeCodex
A set of rules for building or changing PTO pages with shared layouts, design tokens, components, and patterns. A design system is a reusable collection of interface rules and building blocks.
demoniksem/superpowers-hermes-skills
Skill Claude CodeCodex
Senior UI/UX Engineer. Architect digital interfaces overriding default LLM biases. Enforces metric-based rules, strict component architecture, CSS hardware acceleration, and balanced design engineering.
Skill Claude CodeCodex
A guide for building distinctive, production-ready web interfaces and visual components.
Plugin Claude Code
Bundles 1 skill · 103 tokens together
Translates Figma designs into production-ready code using a three-station component-first workflow. Built for product designers and UI/UX designers. Requires the Figma MCP server.
Skill Claude CodeCodex
Implements "Architectural Constructional Interface Design" (ACID) — the dark, technical-blueprint/engineering-schematic UI aesthetic used by dev portfolios and component registries such as chanhdai.com (full-bleed hairline rules, diagonal-stripe section dividers, bordered panel grids with persistent vertical rail…
scania-digital-design-system/tegel-ui-skills
Skill Claude CodeCodex
Install, integrate, and avoid the gotchas of @scania/tegel-lite. Use when adopting tegel-lite in a new project, debugging "why does this look broken?" symptoms, or porting Tegel-Lite conventions. Covers the -tag CSS loading pattern (bundlers like Lightning CSS / Turbopack reject the package's CSS), the copy-tegel.mjs…
Skill Claude Code
Provides complete shadcn/ui component library patterns including installation, configuration, and implementation of accessible React components. Use when setting up shadcn/ui, installing components, building forms with React Hook Form and Zod, customizing themes with Tailwind CSS, or implementing UI patterns like…
Skill Claude Code
Mandatory constraint layer enforcing 21 frontend design standards on all UI output.
nicolethoen/patternfly-vite-seed-app
Cursor rule Cursor
Always reference the README and markdown documentation in this repository when generating, editing, or reviewing any PatternFly (PF) code. These files contain the authoritative best practices, guidelines, and up-to-date standards for PatternFly development.
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: