claude

design-plugin

Design direction and creative guidance for Claude Code — styleguides, aesthetic strategy, typography pairings, color mood systems, and design review. The 'taste layer' that makes AI-assisted design intentional rather than generic. Works with media-plugin (which now owns media prompt crafting) for asset generation.

3 on GitHubby Lukas Kellersteinv1.3.0updated 6 days ago
/

Plugin design-plugin from marketplace claude-my-marketplace in lukaskellerstein/claude-my-marketplace. Commands read from the repo's manifest — 5 days ago.

What it installs

Skills (4)

  • design-review

    Review and critique existing designs, websites, or frontend code against design principles. Checks for common anti-patterns like generic fonts, poor contrast, inconsistent spacing, and lack of visual hierarchy. Use when the user asks to "review my design", "what's wrong with this layout", "critique

  • design-system

    Manage and audit design system consistency — color palettes, typography scales, spacing systems, accessibility (WCAG contrast checks), and component inventory. Use when the user asks to "check contrast ratios", "audit my design system", "create a color palette", "generate a type scale", "check acces

  • frontend-aesthetics

    Design guidance and aesthetic patterns for building beautiful, distinctive frontends — websites, web apps, landing pages. Provides typography strategies, color application, motion choreography, layout composition, and component design recipes. Use when the user asks to "make this look better", "impr

  • styleguide

    Create a comprehensive design language and styleguide for any project — websites, apps, blogs, presentations, marketing pages. Given a project type, brand, and audience, produces aesthetic direction, font selections with pairings, color strategy, spacing philosophy, imagery style, and tone. Use when

Slash commands (1)

  • /design-plugin:design

    Create a design direction and styleguide for a project — produces aesthetic direction, fonts, colors, imagery, and media prompts

Subagents (1)

  • design-director

    Orchestrates the full design workflow for a project — from assessing needs to producing a styleguide and coordinating asset creation. Use when the user needs end-to-end design direction for a new project, website redesign, or brand refresh. Coordinates with media-plugin for asset generation. <exampl

View source on GitHub

More from lukaskellerstein/claude-my-marketplace

All 13 plugins →

spex

claude

Spec-driven development in small, checkable files, where the one who writes a claim never writes its proof. A raw idea is shaped into spec.md in rounds, with sized holes and research in parallel subagents, until the person says done; a big design becomes a roadmap of planned steps, shaped one at a time as their dependencies are built. The spec becomes EARS requirement records, the records become tasks sized for one agent run, and a test-analyst subagent writes the proof plan (tests.yaml) for every scenario and every task: scripts a driver runs, or sessions a tester performs in a browser (the bundled Playwright MCP) or against an API. Test developers write the scripts red before any code; developers build; a bundled script — not the model — gates every stage, decides when a task is done, verifies the whole feature at the tree that ships, and merges through the forge CLI. A failing test is judged by a decider (test, code or spec?) and fixed by the agent that owns it, never by the person; no task and no test may name a person as an actor. Every skill is user-invoked only.

12 skills · 7 agents · 1 MCP server

3

Media generation and manipulation for Claude Code — images, videos/GIFs, music, text-to-speech, and data visualizations (charts, graphs, diagrams, maps) using Google Gemini, D3.js, Mermaid, and Draw.io. A single visual-planning gate plus media-prompt-craft ensure every asset is clarified, styled, and reviewed before it's produced.

10 skills · 2 commands · 1 agent · 5 MCP servers · hooks

3

Turns a project repo into a narrated, edited demo video. Reads the codebase, writes a storyboard with real narrative value, prepares deterministic demo state, drives the UI with Playwright (web, launched Electron, or an attached running app) recording one clip per section with Playwright video or OBS over obs-websocket, generates ElevenLabs voiceover, reconciles measured durations into a timeline, and renders the final cut with Remotion or exports it as a Final Cut Pro project dressed with Motion templates, MotionVFX DesignStudio elements first-class.

9 skills · 5 agents · 2 MCP servers · hooks

3

End-to-end website/webapp design and implementation — from brief to working React/Vite code. Orchestrates design direction, content architecture, media generation, parallel per-page implementation, and visual testing with an opinionated anti-slop workflow.

4 skills · 1 command · 11 agents · 1 MCP server

3

General developer tooling — read-only thinking and Q&A, git workflows, code hygiene, dependency management, and project documentation generation. Every skill is user-invoked only: Claude never starts a merge, an upgrade or a docs rewrite on its own.

8 skills · 1 agent · 1 MCP server

3

Infrastructure management for Kubernetes/GKE, Istio service mesh, and authentication (Keycloak, OAuth2-proxy). Includes Helm charts, Terraform IaC, and Traefik reverse proxy.

6 skills

3

Similar plugins

Collection of example skills demonstrating various capabilities including skill creation, MCP building, visual design, algorithmic art, internal communications, web testing, artifact building, Slack GIFs, and theme styling

19 skills

anthropics/skills 193,780

Comprehensive PR review agents specializing in comments, tests, error handling, type design, code quality, and code simplification

1 command · 6 agents

anthropics/claude-code 155,476

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, Jetpack Compose, Angular, Laravel, JavaFX, and Three.js.

7 skills

nextlevelbuilder/ui-ux-pro-max-skill 148,759

Taste Skill

claudecodex

tasteskill 2.5.1: professional company websites at the figma.com and x.ai level, with one section per screen, real photographs, real product UI, effects kept for tech and gaming pages, and a real-browser checker and finish gate.

1 skill

Leonxlnx/taste-skill 114,391

Design fluency for frontend development. 1 skill with 24 commands (/impeccable polish, /impeccable audit, /impeccable critique, etc.) and curated anti-pattern detection.

1 skill · 4 agents · hooks

pbakaus/impeccable 109,099

storybook

claudecodex

Build, preview, and test UI components with Storybook.

7 skills

storybookjs/storybook 91,552

Maintain design-plugin?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex plugins13 plugins