Help us improve
Share bugs, ideas, or general feedback.
Share bugs, ideas, or general feedback.
Share bugs, ideas, or general feedback.
Design philosophy, typography, layout, data visualization, and identity design informed by modernist masters and editorial tradition
npx claudepluginhub design-machines-studio/depot --plugin design-practiceEvaluates design work against Design Machines' combined influences -- Swiss modernism, editorial tradition, data integrity, and bold identity philosophy. Use when the user shares design work for review, asks for critique of typography, layout, data visualization, or identity design, or wants feedback on their own or others' design decisions. <example>Context: The user shares a screenshot of a webpage layout. user: "Can you critique this layout?" assistant: "I'll evaluate this layout against our editorial design principles." <commentary>The user wants design critique, so invoke the design-critic agent to apply the full evaluation framework across typography, layout, and any other relevant dimensions.</commentary></example> <example>Context: The user shares a logo they're developing. user: "What do you think of this mark?" assistant: "Let me run this through our identity evaluation framework." <commentary>The user wants logo feedback, so the design-critic agent applies the ten-point identity evaluation from Rand, Bass, Draplin, Wyman, and Glaser.</commentary></example> <example>Context: The user shares a chart or infographic. user: "Is this chart effective?" assistant: "I'll evaluate this against our data visualization principles." <commentary>Data visualization critique requires the Tufte/Wong/Franchi framework from the design-critic agent.</commentary></example>
Advises on design decisions, generates informed ideas, and provides strategic design guidance rooted in Design Machines' combined influences. Use when the user needs help making design decisions, wants ideas or inspiration grounded in principle, or seeks strategic advice on typography, layout, data visualization, or identity design. Does not generate visual designs -- provides informed direction and rationale. <example>Context: The user is choosing between typeface options. user: "Should I use a serif or sans-serif for this editorial site?" assistant: "I'll consult our design advisory to help you think through this decision systematically." <commentary>The user needs design decision support, so invoke the design-advisor agent to apply the combined influences and provide principled guidance.</commentary></example> <example>Context: The user is starting a new identity project. user: "I'm designing a logo for a local brewery. Where should I start?" assistant: "Let me invoke the design advisor to help you approach this systematically." <commentary>The user needs process guidance for identity work, so the design-advisor agent provides methodology grounded in Draplin, Rand, and the other masters.</commentary></example> <example>Context: The user wants ideas for a layout approach. user: "How should I approach the layout for this long-form article?" assistant: "I'll get design advisory guidance on editorial layout strategy." <commentary>The user needs layout direction, so the design-advisor applies the combined editorial design philosophy.</commentary></example>
Design Machines data visualization and information graphics philosophy rooted in graphical integrity, data-ink efficiency, and editorial integration. Use when critiquing charts and graphs, choosing chart types, advising on visualization choices, evaluating information graphics, building dashboards, or reviewing any data presentation in HTML/CSS, SVG, D3.js, Figma, InDesign, Illustrator, or Affinity. Trigger this skill when the user asks about charts, graphs, infographics, data display, sparklines, pie charts, bar charts, line charts, dashboards, data-ink ratio, or how to present numbers visually — even casually like "should I use a pie chart here" or "this chart looks cluttered." Also trigger when building Assembly financial dashboards, equity visualizations, or any interface that displays quantitative data to co-op members. Draws primarily on Dona M. Wong, Edward Tufte, and Francesco Franchi.
Design Machines identity and logo design philosophy rooted in bold simplicity, systematic thinking, and cultural resonance. Use when critiquing logos and identity systems, advising on mark development, evaluating brand applications, designing visual identities, planning brand systems, or reviewing identity decisions in HTML/CSS, SVG, Figma, InDesign, Illustrator, or Affinity. Trigger this skill when the user asks about logos, marks, branding, brand identity, color palettes for brands, identity systems, brand guidelines, favicon design, or visual identity strategy — even casually like "does this logo work" or "what makes a good mark." Also trigger when working on Design Machines brand assets, client co-op branding, or any project where a mark needs to seed a systematic identity across applications. Draws on Paul Rand, Saul Bass, Aaron Draplin, Lance Wyman, and Milton Glaser.
Design Machines editorial layout and art direction philosophy rooted in grid systems, reader-centered design, and visual storytelling. Use when critiquing page layouts, advising on grid construction, evaluating editorial spreads, planning page structure, designing landing pages, building CSS Grid layouts, or reviewing art direction decisions in HTML/CSS, Figma, InDesign, Illustrator, or Affinity. Trigger this skill when the user asks about grids, columns, margins, gutters, whitespace, visual hierarchy, page structure, editorial design, magazine layouts, art direction, content pacing, or responsive layout strategy — even informally like "how should I lay this page out" or "the spacing feels wrong." Also trigger when designing Live Wires layout primitives, building Assembly page layouts, or any design review where spatial relationships and content organization matter. Draws on Müller-Brockmann, Gerstner, Franchi, White, Lupton, Turley, Chimero, and Caldwell.
Design Machines typography philosophy rooted in Swiss modernism, systematic thinking, and web-native practice. Use when critiquing typographic decisions, advising on typeface selection, evaluating rhythm and hierarchy, building type scales, choosing fonts for any project, setting up CSS typography, or reviewing typography in HTML/CSS, Figma, InDesign, Illustrator, or Affinity. Trigger this skill whenever the user asks about font sizes, line-height, leading, measure, type scales, modular scales, baseline grids, vertical rhythm, letter-spacing, font pairing, fluid type, clamp(), or any typographic system decision — even casually like "what size should my headings be" or "this text feels off." Also trigger when building or reviewing Live Wires type tokens, setting up Assembly page typography, or evaluating any design where type hierarchy matters. Draws on Müller-Brockmann, Gerstner, Bringhurst, Vignelli, Spiekermann, Santa Maria, Brown, Rutter, Latin, and Craig.
Uses power tools
Uses Bash, Write, or Edit tools
Share bugs, ideas, or general feedback.
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge.
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge.
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
Intelligent draw.io diagramming plugin with AI-powered diagram generation, multi-platform embedding (GitHub, Confluence, Azure DevOps, Notion, Teams, Harness), conditional formatting, live data binding, and MCP server integration for programmatic diagram creation and management.
Complete creative writing suite with 10 specialized agents covering the full writing process: research gathering, character development, story architecture, world-building, dialogue coaching, editing/review, outlining, content strategy, believability auditing, and prose style/voice analysis. Includes genre-specific guides, templates, and quality checklists.
TypeScript/JavaScript full-stack development with NestJS, React, and React Native
Open-source, local-first Claude Code plugin for token reduction, context compression, and cost optimization using hybrid RAG retrieval (BM25 + vector search), reranking, AST-aware chunking, and compact context packets.
Comprehensive SEO analysis plugin for Claude Code. 25 sub-skills (21 core + 1 orchestrator + 1 framework integration + 2 extension mirrors) and 18 sub-agents (15 core + 1 framework integration + 2 extension mirrors), plus 7 optional MCP extensions (DataForSEO, Firecrawl, Banana, Ahrefs, SE Ranking, Profound, Bing Webmaster, Unlighthouse). v2 adds shared headless rendering across every fetching agent (SPA-aware), QRG-aligned content quality gates, LCP subparts via CrUX, IndexNow submission, four explicit Schema.org generators (Reservation/OrderAction/DiscussionForumPosting/ProfilePage), AI Share-of-Voice tracking, parasite-SEO risk scanning, multi-platform portability (Cursor / Antigravity / Gemini CLI / Codex / Cline / Aider), and a hardened SSRF + DNS-rebinding canonical safety layer.
Personal knowledge graph and session capture for Travis Gertz
Craft CMS development expertise including content modeling, template development, debugging, and AI-assisted workflows via MCP integration. Covers Craft 4 and 5 patterns.
Project management: LT10 methodology, Notion-integrated sprint planning with Userback triage, Calendar.app meeting prep, Mail.app scanning, content ideation, and velocity tracking
Worker cooperative governance and decolonial content strategy
Assembly governance application development with Go, Templ, and Datastar
DM-013/WORKS -- Design Machines' AI plugin marketplace for Claude Code and Codex.
/plugin marketplace add Design-Machines-Studio/depot
Then install individual plugins:
/plugin install ned@depot
/plugin install craft-developer@depot
/plugin install project-manager@depot
/plugin install council@depot
/plugin install design-machines@depot
/plugin install assembly@depot
/plugin install live-wires@depot
/plugin install ghostwriter@depot
/plugin install design-practice@depot
/plugin install project-scaffolder@depot
/plugin install accessibility-compliance@depot
/plugin install dm-review@depot
/plugin install the-local@depot
/plugin install chef@depot
/plugin install pipeline@depot
/plugin install gemini@depot
/plugin install deepseek@depot
Codex compatibility is generated from the Claude manifests. Claude remains the source of truth; do not hand-edit Codex manifest files.
./tools/generate-codex-manifests.py
./tools/validate-dual-compat.sh
17 plugins | 36 skills | 41 agents | 31 commands
Personal knowledge graph and session capture. 2 skills, 2 commands.
/capture -- Quick observation capture to ai-memory/depot-metrics -- Track and report plugin usage metrics via ai-memoryCraft CMS 4/5 development expertise. 4 skills, 3 agents, 4 commands.
/craft-debug -- Debug Craft CMS issues/craft-migrate -- Plan and execute Craft CMS migrations/craft-model -- Start a content modeling session/craft-query -- Build complex element queriesLT10 methodology and Notion-integrated sprint planning. 2 skills, 1 command.
/sprint-plan -- Run the full sprint planning workflowWorker cooperative governance and decolonial content strategy. 2 skills, 1 agent, 1 command.
/governance-check -- Quick cooperative compliance checkDesign Machines business strategy and product intelligence. 1 skill.
Assembly governance application development with Go, Templ, and Datastar. 1 skill, 2 agents, 1 command.
/assembly-build -- Build and test Assembly via DockerLive Wires CSS framework for editorial websites. 1 skill, 1 agent.
Travis Gertz's personal writing voice and editorial style engine. 2 skills, 2 agents, 1 command.