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
Extrai o design system de um HTML/URL/print e gera um design-system.html canônico (11 seções, anatomia replicável, regras do/dont, tokens CSS, classes .ds-, WCAG AA, voz, versionamento) preservando 100% das classes/animações originais. Salva o DS mestre do seu OS em contexto/design-system.html e a referência extraída…
Skill Claude CodeCodex
Use this skill whenever building interfaces that should feel physically responsive, alive, and polished. Trigger for spring animations, gesture-driven UI, interruptible animations, physics-based motion, drag interactions, momentum scrolling, layout animations, shared element transitions, spatial UI…
Skill Codex
Learn transferable design relationships from reference webpages, visualize evidence, remember explicitly approved preferences, and apply relevant taste memory to interfaces. Use for learning a reference site's visual system or designing with previously saved taste. Ordinary frontend implementation or component…
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.
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.
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.
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.…
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.
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.
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.
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…
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 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…
Skill Codex needs its repo
Transform existing or new websites, web apps, landing pages, dashboards, and UI prototypes into a refined modern Chinese ink-wash / guse-guoxiang visual style. Use when Codex is asked to make a site water-ink, sumi-e, Chinese classical, oriental, guofeng, ancient elegant, xuan paper, ink brush, or to apply the bundled…
Plugin Claude Code
Bundles 1 skill · 104 tokens together
Local visual editor for HTML design files. Click elements to edit text, fonts, layout, and backgrounds. Layers panel, transform handles, carousel multi-edit, PNG/JPG export.
Plugin Claude Code
Single-plugin marketplace for Canvas-to-Code — translates canvas designs (HTML + screenshot) into design-system-aligned code through eleven explicit gates.
stephengpope/claude-design-importer
Plugin Claude Code
Bundles 1 skill · 87 tokens together
Convert pixel-exact design mockups (e.g. HTML from Claude's design tool) into production Tailwind / shadcn-on-Radix components that use a real token system instead of arbitrary values like text-[13.5px].
Skill Codex
Orchestrate UI direction, composition, motion provider selection, implementation, and browser-proven quality for polished frontend work. Use when Codex needs to improve a visual surface with animation or interactive polish; when a request mixes design intent, component choice, browser validation, accessibility, or…
chenxihuang1028-a11y/super-web-design
Skill Codex
Premium website builds with varied heroes, React Bits backgrounds, static index.html delivery, browser QA, and chat-only feedback. Use for Super-Web-Design or advanced landing/product/media sites.
lucianodiisouza/primo-brutality
Cursor rule Cursor
Conventions for @primo-brutality/ui — React Native + NativeWind component library.
Skill Codex
Build or improve visually distinctive, product-specific web interfaces, from brand pages to working apps and components. Use for frontend implementation, redesign, reference-led builds, or improving generic-looking UI. Preserve existing behavior and design systems. Review without editing when asked for an audit; skip…
betson-g/browser-inspector-mcp
MCP server Claude CodeCodexCursor +2
MCP server that gives AI coding tools the same CSS visibility a human has in browser DevTools. Runs locally from the browser-inspector-mcp npm package.
deveshpunjabi/modern-frontend-skill
Skill Claude CodeCodex
How to design and build modern, premium-quality frontend interfaces that look like high-end SaaS products, modern AI tools, and award-winning design websites — not generic templates. Use this skill whenever the user asks to build a frontend, create a landing page, design a dashboard, scaffold a web app UI, build a…
Skill Cursor
Use this skill to build micrographic UI components and views — cards, panels, dashboards, dense data displays — matching the industrial label collage north star (examples/reference-collage.png). Compression not minimalism; metadata as texture. Two type scales (display 80px+ vs micro 7–11px); dual display modes (light…
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: