5,244 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 2 skills, 5 commands, 2 agents · 263 tokens together
A design-to-development integration tool based on Pencil, a design workflow platform. It supports design workflow automation, design-system management, design review, and converting designs into React and Tailwind code.
Skill Claude CodeCodex
A skill for studying the visual rules of real websites and turning them into a reusable design package for other web projects. It can capture measured colors, spacing, fonts, components, icons, and assets while keeping the evidence behind those rules.
MCP server Claude CodeCodexCursor +2
Screenshot → reusable Tailwind components. MCP Server for AI-powered UI component extraction. Works with Claude, Cursor, Windsurf, Copilot. Runs locally from the @monlohua/componentize npm package.
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
Create premium, Awwwards-quality website designs as React (.jsx) components that look like they were built by a top-tier agency charging $50k+ per project. Use this skill whenever the user asks for a website, landing page, portfolio, or web component that should look expensive, premium, luxury, editorial, high-end, or…
Plugin Claude Code
Bundles 3 commands · 58 tokens together
Bodai plugin for the css-mcp CSS analysis server.
simongonzalezdc/web-typography-skill
Skill Claude CodeCodex
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.…
namanmehta96/ultra-frontend-skill
Skill Claude CodeCodex
Master frontend skill for Claude Code. Synthesizes ultra-frontend design system, uiuxpromax design intelligence, superdesign.dev aesthetics, framer-motion + GSAP full plugin ecosystem, 21st.dev component patterns, Three.js 3D, shadcn/ui, and production-grade architecture. Invoke for ANY visual web task: landing pages…
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.…
Plugin Claude Code
Bundles 6 skills · 466 tokens together
Builds and elevates Awwwards-level landing pages on a fixed stack (Next.js + Tailwind + GSAP + Lenis, optional R3F): guided intake with landing script and brand source, three rendered comps approved at a single design-plan gate, build from recipes, Higgsfield MCP assets, mandatory visual verify loop. Shares PRODUCT.md.
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.
OpaceDigitalAgency/ai-ui-ux-motion-engine
Plugin Claude Code
Bundles 1 skill · 138 tokens together
Cinematic website skill with enforced flagship intent, programmatic media production, creative acceptance and fail-closed scroll validation.
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…
Skill Claude CodeCodex
Plans, designs, builds, validates, and prepares polished responsive websites and lightweight web apps from brief through hosting handoff. Use when creating or redesigning a landing page, portfolio, editorial site, knowledge hub, directory, dashboard, portal, tracker, internal tool, microsite, or small web app…
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 Code
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…
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…
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…
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: