Design plugins

Expert UI/UX plugin: design, validate, and audit interfaces for SaaS, landing pages, and admin portals

5 skills · 3 commands · 3 agents

Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.

11 skills

Audit components, pages, and designs against WCAG 2.1 AA. Outputs a prioritized remediation checklist with code-level fixes for React, HTML, CSS tokens, and Eleventy.

11 skills

[curated by Tehvault] Pull designs & specs from Figma into UI work (pairs with your UI/UX skills). — Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and development workflows.

10 skills · 1 MCP server

Create, edit, review, resize, and brand-check Canva designs with the Canva MCP server.

10 skills · 1 MCP server

Create, edit, review, resize, and brand-check Canva designs with the Canva MCP server.

10 skills · 1 MCP server

Full-pipeline front-end design system for SaaS products and marketing sites. Generates, polishes, audits, and optimizes production-ready Next.js + React + Tailwind + shadcn/ui interfaces. Includes an anti-slop design-taste gate (Design Read, three dials, anti-default discipline, em-dash ban) adapted from taste-skill (MIT), plus design-fluency material (OKLCH color, typography craft, AI-slop test, craft reference library) consolidated from impeccable (Apache-2.0).

7 skills · 4 commands

Editable video workflows in StarCut.

9 skills · 1 MCP server

Design data and recommendation layer for AI coding assistants. Includes a searchable database of styles, palettes, typography, charts, and UX guidelines for React, Next.js, Astro, Vue, Nuxt.js, Nuxt UI, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Angular, Laravel, JavaFX, and Three.js, plus generator skills for banners, brand identity, logos, and slides.

10 skills

Bidirectional design-code sync via Penpot MCP. Pull designs into code, push code to Penpot, detect drift, manage component libraries, generate designs, edit via natural language, verify visually, redesign, and track user flows.

10 skills

Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and development workflows.

9 skills · 1 MCP server

A config-driven bridge between one codebase's CSS design tokens and one Paper file. Sync custom-property tokens code → Paper (idempotent reconcile) and Paper → CSS (round-trip stable), and harvest rendered components code → Paper. Pointed at any codebase via --repo; theme scopes (data-attribute, media-query, class, file) and paths come from a codebase-local config, not hardcoded paths

5 skills · 5 commands

Work a design file: radiographs, motion, camera moves, interface craft, component handoff, color tokens, audits, UI states, design review, and usability guides

10 skills

Internal spikalabs design-kit skills with provided spikalabs symbol guidance, externally visible for collaborators and compatible tooling

9 skills

Build a premium landing page from a reference screenshot or a written brief, in HTML, React, Next.js or Astro. Measures the reference numerically instead of eyeballing it, then verifies the result with real screenshots and an automated overflow sweep from 320px to 1920px. Bundles mobile menu, smooth scroll, favicon/Open Graph and build-credit skills.

8 skills · 1 command

Eight slash commands wrapping the designlang CLI: /extract (full design language → DTCG, Tailwind, Figma), /grade (shareable HTML report card + SVG badge), /battle (head-to-head graded comparison), /remix (restyle in 6 vocabularies — brutalist, swiss, art-deco, cyberpunk, soft-ui, editorial), /pack (one downloadable design-system bundle), /theme-swap (OKLCH-correct recolour around a new brand primary), /brand (full editorial brand-guidelines book — 13 chapters, hand-off-ready), /pair (fuse two designs across configurable axes — colours from one site, typography from another).

1 skill · 8 commands

UI design and polish skills for Grok. anti-ui-slop, UI design/radar/slop-score, transitions, design-system extraction, polish components, and agentation.

9 skills

Apply AwesomeDS to any web UI, create a brand-specific design system by interview, review designs adversarially with screenshots, run UX design-thinking, and curate the design knowledge base.

7 skills · 1 agent · hooks

Vercel's web-design-guidelines skill (the Web Interface Guidelines as a UI audit), installed from vercel-labs/agent-skills at 063bee9. Upstream declares no license for it; nothing is redistributed here.

9 skills

Premium design system enforcement with Firecrawl inspiration capture. Extract design tokens from sites, align components to design system, generate CSS/Tailwind configs. Anti-AI-slop patterns.

6 commands · 2 agents

Equivalence partitioning, boundary values, decision tables, state transition, pairwise, negative and permission testing, level assignment and traceability.

7 skills · 1 agent

21st.dev UI skills and MCP. Pinned upstream: 21st-dev/claude-code-plugin.

7 skills · 1 MCP server

Eight agent skills for 3D and animated websites: three.js scenes built from code, scroll-scrubbed films, transparent video, cursor-following characters, exploded views, AI motion assets, real-browser checks and frame-exact recording.

8 skills

Apple-style interface design skills and design copy.

8 skills

Skills for awwwards-mcp: recreate a site, motion study, section loop, DESIGN.md, setup and repair

8 skills

21st.dev UI skills and MCP. Pinned upstream: 21st-dev/claude-code-plugin.

7 skills · 1 MCP server

Create, refactor, and audit app UI/UX with principles from Refactoring UI and Don't Make Me Think: a design skill with checklists, tokens and recipes, scanner / screenshot / contrast / report and refactor-fidelity scripts, five commands, and a ui-ux-designer agent.

6 skills · 1 agent

Professional UI/UX design intelligence for AI coding assistants. Includes searchable databases of styles, colors, typography, charts, and UX guidelines for React, Next.js, Astro, Vue, Nuxt.js, Nuxt UI, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and Jetpack Compose.

7 skills

Professional UI/UX design intelligence for AI coding assistants. Includes searchable databases of styles, colors, typography, charts, and UX guidelines for React, Next.js, Astro, Vue, Nuxt.js, Nuxt UI, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and Jetpack Compose.

7 skills

Professional UI/UX design intelligence for AI coding assistants. Includes searchable databases of styles, colors, typography, charts, and UX guidelines for React, Next.js, Astro, Vue, Nuxt.js, Nuxt UI, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and Jetpack Compose.

7 skills