Design Mastery Claude Code plugin for Grok Build
Design Mastery plugin for Claude Code - Learn from Saul Bass, Dieter Rams, and other masters. Build professional brand identities with systematic workflows.
How to install Design Mastery Claude Code in Grok Build
grok plugin install HermeticOrmus/design-mastery-claude-code --trustReview before you trust it. --trust lets this plugin's hooks, MCP servers and scripts run code on your computer. It's a community repo that neither xAI nor GrokStacks has reviewed, so read its code first.
We install this repo directly: Grok Build 1.0.62 can't install it through its own marketplace file. Then start a new Grok session, or press r in /plugins, to load it.
Command format: Grok Build's plugin guide
What we checked: on Oct 18, 2026 it installed with grok 1.0.62 and Grok found 9 skills, 4 slash commands, 1 subagent. That's an install check only: we haven't run it in a live Grok session.
What it contains
Skills (9)
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 rudesign-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 refedesign-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 styldesign-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 dpremium-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 abrand-identity— Guide a brand identity build from discovery and strategy through visual identity to guidelinesdesign-audit— Audit a UI against eight design dimensions and return scored findings with fixespremium-landing— Plan, build, review, and refine a premium SaaS landing page one section at a timestyle-guide— Generate a style guide with design tokens, type scale, spacing, components, and Tailwind or CSS config
Subagents (3)
design-mastery: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, pedesign-mastery: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 provendesign-mastery: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
About this listing
Design Mastery Claude Code is a community plugin on GitHub by HermeticOrmus, built for Grok Build. We install-checked it in Grok; we haven't run it in a live session or reviewed its code. When we installed it, Grok found 9 skills, 3 subagents. Its license is MIT. We checked commit 8b3ac64b139d. It's one of 144 listings in the Design category on GrokStacks.
Stacks Weekly: every new Grok Build and Codex plugin, every Tuesday.
One short email for GrokStacks and CodexStacks readers, with each new plugin's install line and what it ships. Subscribe and get the free starter list: 20 Grok Build plugins worth installing first.
You'll get a confirmation email first. Unsubscribe anytime.
Design Mastery Claude Code FAQ
How do I install Design Mastery Claude Code in Grok Build?
Run grok plugin install HermeticOrmus/design-mastery-claude-code --trust. We install-checked this command in Grok Build. We install this repo directly: Grok Build 1.0.62 can't install it through its own marketplace file. Then start a new Grok session, or press r in /plugins, to load it.
Is Design Mastery Claude Code an official Grok Build plugin?
No. Design Mastery Claude Code is a community plugin on GitHub by HermeticOrmus, not in xAI's official Grok Build marketplace. We checked that it installs and what Grok loads from it, but haven't run it in a live Grok session or reviewed its code.
What does Design Mastery Claude Code include?
According to what Grok loaded in our install check, Design Mastery Claude Code includes 9 skills, 3 subagents: brand-systems, design-masters, design-movements, design-principles, premium-saas-design, brand-identity….
Details
- Type
- Plugin
- Category
- Design
- Source
- Community plugin, built for Grok Build
- License
- MIT
- Author
- HermeticOrmus
- Version
- 1.2.0
- Keywords
- ai-tools, brand-identity, claude-code, claude-code-marketplace, claude-code-plugin, design, design-systems, ui-ux, uiux
- Source repo
- https://github.com/HermeticOrmus/design-mastery-claude-code
- Checked commit
8b3ac64b139d- Homepage
- https://ormus.solutions
- Checked by GrokStacks
- Install-checked in Grok Build on Oct 18, 2026; not run in a live session
Something wrong or missing? Submit or improve this listing. Marketplace listings also refresh automatically every night.
For maintainers: badge and embeds
Maintain Design Mastery Claude Code? Add the badge; it links to this page.
Markdown
[](https://grokstacks.com/p/design-mastery-claude-code/)HTML
<a href="https://grokstacks.com/p/design-mastery-claude-code/"><img src="https://grokstacks.com/badge.svg" alt="Listed on GrokStacks" width="164" height="28"></a>Embed card (static HTML and inline CSS, no JavaScript). Preview:
<a href="https://grokstacks.com/p/design-mastery-claude-code/" style="display:block;max-width:380px;box-sizing:border-box;padding:14px 16px;border:1px solid #2a2e3c;border-radius:12px;background:#0a0b0f;color:#e8eaf0;font:14px/1.45 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;text-decoration:none"><span style="display:block;font-size:16px;font-weight:700;color:#e8eaf0">Design Mastery Claude Code</span><span style="display:block;margin:2px 0 8px;font-size:12px;color:#9aa0b1">Community plugin for Grok Build · 9 skills, 3 subagents</span><span style="display:block;margin:0 0 10px;color:#c9cdd8">Design Mastery plugin for Claude Code - Learn from Saul Bass, Dieter Rams, and other masters. Build professional brand…</span><span style="font-size:12px;font-weight:600;color:#7c9cff">View on GrokStacks →</span></a>Markdown summary
**[Design Mastery Claude Code on GrokStacks](https://grokstacks.com/p/design-mastery-claude-code/)**: Community plugin for Grok Build with 9 skills, 3 subagents. Install: `grok plugin install HermeticOrmus/design-mastery-claude-code --trust`More on badges, embeds and keeping your listing up to date: GrokStacks for plugin authors.
Also in Design
3dicon
One prompt in, a looping animated 3D icon out — with real transparency. A Claude Code skill.
3dviz Pro Max
Agent skill for creative 3D visualization: turn an idea into a Three.js/Blender scene worth exploring. Claude Code + Codex plugin, 223 recipes, 440 knowledge records, 22 proved kits, 37 runnable studies.
Adobe Premiere Pro MCP
Adobe Premiere Pro MCP. Tools for AI-driven video editing via MCP, for Codex, Claude, and other MCP clients.
Agent Sprite Forge
Agent Skill for generating 2D sprite sheets and map, transparent PNG frames, and animated GIFs from prompts.
Agent Storyboard
本地优先的 Agent 视频分镜工作台：让 Codex、Claude Code 通过 MCP 写分镜、生成图片/视频素材和配音，并自动回填。Local-first storyboard workbench for AI agents (Codex, Claude Code).
AI Business Skills
138 bilingual AI marketing skills (69 VN + 69 Global) for Claude Code, OpenCode, Codex, VS Code. Four role SOP packs — content, design, performance, leader ops — plus strategy, personal brand, AI avatar, dropshipping, design master, knowledge library. 4 regions (US/EU/SEA/LATAM) + Vietnam 2025-2026. Companion: opa-kit.