design-mastery

Plugin design-mastery from marketplace design-mastery in HermeticOrmus/design-mastery-claude-code. Commands read from the repo's manifest — 1 month ago.

Skills (6)

• verify-design-mastery

  Install the design-mastery-claude-code plugin pack the way a user does, into a clean Claude Code config and a clean Grok Build home, prove every plugin validates, installs and loads its components, and keep the transcripts. Use when proving a design-mastery-claude-code PR's Done-when, checking that

• brand-systems

  Brand identity building blocks: positioning, personality, archetypes, logo systems, color palettes, type pairing, voice, and guidelines documentation. Use when creating a brand, rebranding, or turning an existing identity into tokens and rules others can follow.

• design-masters

  Working profiles of Saul Bass, Massimo Vignelli, Dieter Rams, Paula Scher, Josef Müller-Brockmann, David Carson, and Paul Rand: key works, principles, and how to apply each in UI work. Use when a design needs a proven approach, a named reference to follow, or a lesson from a specific master.

• design-movements

  Design movements from Arts and Crafts through Bauhaus, Swiss Style, Memphis, and grunge to flat design and current styles, with context, visual markers, and UI tokens for each. Use when choosing an aesthetic direction, explaining why a style reads the way it does, or applying a period style without

• design-principles

  Core visual design principles (visual hierarchy, Gestalt grouping, composition, balance, contrast, white space, color, typography) with UI fixes, a checklist, and deep-dive references. Use when making or defending a layout, type, or color decision, or when a design feels off and you need to name why

• premium-saas-design

  The Define, Build, Review, Refine loop and seven context artifacts (brief, content, mood boards, section specs, style guide, PRD, tasks) for building a premium SaaS marketing site with AI. Use when planning or building a SaaS landing page and you want the design context written down before any code.

Slash commands (4)

• /design-mastery:brand-identity

  Guide a brand identity build from discovery and strategy through visual identity to guidelines

• /design-mastery:design-audit

  Audit a UI against eight design dimensions and return scored findings with fixes

• /design-mastery:premium-landing

  Plan, build, review, and refine a premium SaaS landing page one section at a time

• /design-mastery:style-guide

  Generate a style guide with design tokens, type scale, spacing, components, and Tailwind or CSS config

Subagents (3)

• brand-architect

  Use this agent when someone is creating a new brand, rebranding, or turning scattered brand assets into a system. It starts with discovery and positioning questions (audience, competitors, promise, personality) before proposing any logo, color, type, or voice direction, then documents the result as

• design-master

  Use this agent proactively when a UI needs design judgment: a layout feels cluttered or flat, the hierarchy is unclear, type or color choices need a rationale, or a new component should follow proven principles. It diagnoses the problem against design principles, the masters, and historical movement

• visual-historian

  Use this agent when the question is where a style comes from or what it signals: why something reads as retro or premium, which movement or designer to reference for a brand, or how a period shaped a pattern still used in interfaces. It traces the lineage through movements and masters and turns that

Similar plugins