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.
Plugin Claude Code
Bundles 9 skills · 758 tokens together
Builds memory-first HTMX + PHP + Bootstrap 5.3 applications with a consistent design system, a fixed phased build order, and an Ask Me Anything feature in every app.
chyinan/terminal-ui-design-system
Skill Claude CodeCodex
Create terminal-inspired UI interfaces with macOS-style window decorations, monospace typography, and a warm color palette. Use this skill when building developer tools, code marketplaces, technical documentation sites, or any interface that benefits from a terminal/command-line aesthetic. Provides complete design…
Plugin Claude Code
Validate HTML and CSS, audit technical SEO and accessibility signals, check JSON-LD and links, and capture responsive screenshots.
Plugin Claude Code
Bundles 12 skills · 2,008 tokens together
12 GSAP animation skills — production recipes for scroll, text, SVG, cursor, canvas, and visual effects in any framework.
Plugin Claude Code
Frontend design skill: direction, design system, visual philosophy.
Skill Claude Code
Frontend design partner. Kills AI-slop by teaching 10 tells with positive direction. Five commands: detect, audit, deslop, shape, craft. Model-invoked: flag tells, run detect. User-invoked: grill first.
Lucxar/premium-web-design-skill
Skill Claude CodeCodex
Transform any website into a premium, Apple-quality web experience. Use when building new websites, redesigning existing ones, reviewing web design quality, implementing landing pages, or when the user mentions "premium", "luxury", "high-end", "Apple-like", or "professional" website design. Also activate when creating…
Command Claude Code
Apply tactical UI improvements using Refactoring UI principles.
Lombiq/Orchard-Core-Agent-Skills
Skill Claude CodeCodex needs its repo
Evidence-first Orchard Core theming skill for shapes, alternates, placement, Razor/Liquid templates, content model access, assets/resources, and recipes. Use for theme adjustments, shape overrides, template discovery, content item/field access, placement.json rules, and recipe authoring in Orchard Core projects.
Plugin Claude Code
Bundles 4 skills · 245 tokens together
Visual Design Mode overlay for annotating, inspecting, and modifying UI elements directly in the browser. Click elements to annotate, hover to inspect box models, and let Claude apply your design feedback to source code.
Skill Claude CodeCodex
A set of strict CSS and React component guidelines for replicating the highly dense, micro-indexed, and smoothly expanding auto-hiding scrollbar side panel UI seen in DeepSeek's chat history timeline.
Plugin Claude Code
Bundles 1 skill, 1 hook · 53 tokens together
Serve and enforce your design system in any agent. Bundles the Layout MCP server (design tokens, component specs, compliance checks) and the layout-md skill for writing on-brand UI code.
SoftMissT/tudo-sobre-vibe-coding
Skill Claude CodeCodex
Elite website image-to-code skill for Codex. For visually important web tasks, it must first generate the design image(s) itself, deeply analyze them, then implement the website to match them as closely as possible. In Codex, it must prefer large, readable, section-specific images instead of tiny compressed boards…
Skill Codex
Use when designing, adding, changing, suggesting, or reviewing UI motion. Motion Guide is a default-trigger motion decision advisor for AI coding agents: it decides whether motion should exist, selects an appropriate functional or expressive pattern, and constrains implementation with timing, easing, accessibility…
xonack/wp-ux-design-claude-skill
Plugin Claude Code
Bundles 1 skill · 59 tokens together
WordPress UX/design enforcement skill covering Core Web Vitals, mobile-first design, typography systems, color management, navigation UX, page builder patterns, and loading/error states.
thisisAhsanIqbal/nextjs-seo-audit
Skill Claude CodeCodex
Audits HTML patterns that affect Core Web Vitals (LCP, CLS, INP). Checks for layout shift causes, largest contentful paint blockers, and interaction responsiveness issues. Use when optimising page performance or fixing Google PageSpeed Insights warnings.
Skill Claude CodeCodex
Search Adobe Fonts (Typekit) families, create and manage web kits/projects, and return ready-to-use embed snippets plus CSS font-family values. Use when the user asks to find Adobe fonts, compare font options, set up Typekit for a website, add fonts to kits, publish kits, or generate copy/paste font embed metadata for…
Skill Claude Code
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page…
Cursor rule Cursor
Cursor rule "performance-accessibility" from muzaffar640/commitpress, covering performance and accessibility guidelines, performance optimization, image optimization, static generation and code splitting.
yuqizhang1228-blip/AI-color-system
Skill Claude CodeCodex
A brand-based UI colour system covering brand, background, text, and semantic colours, with light and dark modes, accessibility checks, and platform token names.
Skill Claude CodeCodex
Design and build instrument-grade marketing pages and in-product surfaces (app pages, dashboards, panels, and subpanels) that feel like the product, not a template. When the look is not decided yet, it renders the two or three best-fitting directions as sample pages to choose from before building. Use for landing…
Plugin Claude Code
Bundles 1 skill, 5 commands, 1 hook · 251 tokens together
A Claude Code design toolkit that turns Figma designs into shadcn/ui code. It checks the result in a real browser with Playwright and axe-core at three screen sizes.
MCP server Claude CodeCodexCursor +2
MCP server providing semantic CSS patterns optimized for AI code generation - supports Tailwind, Bootstrap, UnoCSS, Tachyons with 77% token savings. Runs locally from the classmcp npm package.
Plugin Claude Code
Bundles 1 skill, 1 MCP server · 155 tokens together
Play with your app's design, right in the browser: open a built web app in UISandbox, 1:1 and with its own knobs, from the chat; try a change, verify, export the patch. Bundles the /uisandbox skill and the uisandbox MCP server.
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: