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
Build, audit, or convert websites with the U.S. Web Design System (USWDS) using the unofficial uswds-mcp server. Use when work involves USWDS components, patterns, templates, accessibility guidance, design tokens, utilities, @uswds/uswds, or federal website implementation.
techniondigitalsolutions/odoo-mcp
Skill Codex
Design, inspect, implement, and safely modify Odoo website themes, pages, snippets, menus, QWeb views, assets, SCSS, and frontend JavaScript for Odoo 16, 17, 18, and 19. Use when creating an Odoo theme addon, changing website appearance or structure, debugging website editor behavior, or applying website changes…
Skill Claude CodeCodex
Ground-truth CSS/layout workflow using the csstruth MCP tools (mcpcsstruth) or CLI. Use whenever working on CSS, layout, styling, responsive design, or visual bugs in a web project with a reachable page (dev server or file over HTTP) — diagnosing why an element renders wrong, making CSS changes safely, or verifying…
Skill Claude CodeCodex
Convert a finished trip plan into a polished, self-contained HTML page using the design system.
Cursor rule Cursor
Enforce BEM SCSS naming for NgElemental UI and docs styles.
Plugin Cursor
Serves your design system and coding standards to coding agents, so they stop guessing.
Skill Codex
Build or review keyboard interaction, semantic markup, forms, and screen-reader behavior when the task involves accessibility.
MCP server Claude CodeCodexCursor +2
Extract colors from stylesheets and code, with their notation and position. Runs locally from the colors-le-mcp npm package.
Skill Codex
Frontend design and production engineering orchestrator that inventories projects, scales design depth, presents review artifacts, locks executable contracts, implements accessible responsive interfaces, and verifies interactions, visual regressions, and performance. Use when the user invokes design-guide…
Cursor rule Cursor
Use SuperUI for frontend UI design, redesign, DESIGN.md, planning, implementation, responsive QA, accessibility, and review.
Plugin Claude Code
Bundles 3 commands · 58 tokens together
Plugin for the css-mcp CSS analysis server.
simongonzalezdc/web-typography-skill
Skill Codex
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…
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…
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.…
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.…
Skill Claude Code
Create distinctive, production-grade web interfaces with high design quality using Tailwind CSS. Use for building UI components, pages, dashboards, apps, and web applications. Generates crafted, polished code that avoids generic AI aesthetics.
XINGANLIU/design-system-generator-skill
Skill Claude Code
Generate a complete, production-ready design system from a single brand color. Outputs OKLCH color palettes, W3C Design Tokens (JSON), CSS custom properties, component styles (Button, Card, Input, Badge, Alert, Modal, etc.), and a live preview HTML page with Light/Dark theme toggle. Trigger this skill when the user…
kamal-dhital/awesome-copilot-mcp
Skill Claude Code
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns…
pnaque/pnaque_codex-universal-design-skill
Skill Claude CodeCodex
High-fidelity HTML design and prototype creation for both Claude Code and OpenAI Codex. Use this skill whenever the user asks to design, prototype, mock up, or build visual artifacts in HTML — including slide decks, interactive prototypes, landing pages, UI mockups, animations, or any visual design work. Also use when…
ChiliJoe/apex-copilot-workspace-template
Skill Claude Code
Patch an Oracle APEX plugin's PL/SQL render/AJAX logic or its static JS/CSS files. Edits the human-readable source files, re-encodes hex blobs, and syncs the plugin installation SQL file — then optionally installs and validates via SQLcl MCP. TRIGGER when: user asks to fix, modify, or add behaviour to an APEX plugin…
MCP server Claude CodeCodexCursor +2
MCP server for Stylelint. Runs locally from the stylelint-mcp npm package.
Cursor rule Cursor
You are a Senior Front-End Developer and an Expert in ReactJS, NextJS, JavaScript, TypeScript, HTML, CSS and modern UI/UX frameworks (e.g., TailwindCSS, Shadcn, Radix). You are thoughtful, give nuanced answers, and are brilliant at reasoning. You carefully provide accurate, factual, thoughtful answers, and are a…
MCP server Claude CodeCodexCursor +2
Carry attrs, classes from one element to another. Runs locally from the carry npm package.
Skill Claude CodeCodex
A self-contained frontend design, redesign, audit, implementation, anti-AI-slop, and rendered visual-QA skill for use directly inside a ChatGPT conversation or through a local MCP-accessible project.
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: