Agent skill
moai-design-craft
Intent-First design craft specialist covering design direction, domain vocabulary, design memory, and post-build critique. Use when establishing design intent or auditing code against design principles.
Install this agent skill to your Project
npx add-skill https://github.com/modu-ai/moai-adk/tree/main/.claude/skills/moai-design-craft
Metadata
Additional technical details for this skill
- tags
- design, craft, intent-first, design-direction, domain-exploration, design-memory, critique
- status
- active
- updated
- 2026-03-28
- version
- 1.1.0
- category
- domain
- modularized
- true
- related skills
- moai-domain-uiux, moai-design-tools, moai-domain-frontend
SKILL.md
Design Craft Specialist
Intent-First design philosophy integrated into MoAI workflows. Ensures design decisions flow from intent and domain understanding, not from visual impulse.
Core Philosophy
Intent-First: Before any visual or component decision, establish why — the domain, the user, the interaction contract, and the craft principles that apply.
The three craft operations:
| Operation | When | What It Does |
|---|---|---|
| Design Direction | At /moai plan (design keywords) |
Domain exploration, intent capture, vocabulary alignment |
| Design Audit | At /moai review --design |
Checks implementation against .moai/design/system.md |
| Design Critique | At /moai review --critique |
Post-build craft review: observe, diagnose, rebuild decision |
Module Index
modules/intent-first.md— Intent-First process: domain exploration, design direction, vocabularymodules/design-memory.md—.moai/design/system.mdread/write protocolmodules/critique-workflow.md— Post-build critique: observe → diagnose → rebuild, hard rules and rejection criteria
Quick Reference
Design Direction (plan phase)
When manager-spec detects design-relevant keywords, trigger Design Direction:
- Read
.moai/design/system.md(if it exists) for established vocabulary and intent - Explore domain: What is the user doing? What is the mental model? What does success feel like?
- Define design intent in 1–3 sentences
- Identify 3–5 domain vocabulary terms
- Write design direction to
.moai/design/system.md
Design Audit (review phase)
When /moai review --design is invoked:
- Read
.moai/design/system.mdfor current design system rules - Scan UI components against the rules
- Report violations with file:line references
- Suggest minimal fixes preserving existing structure
Design Critique (review phase)
When /moai review --critique is invoked:
- Observe: What does the built interface actually do? (not what it was supposed to do)
- Diagnose: Where does the implementation drift from intent?
- Decide: Patch (small drift) or rebuild (fundamental misalignment)
Works Well With
moai-domain-uiux— Design tokens, WCAG, accessibility (complementary, not overlapping)moai-design-tools— Figma/Pencil tool mechanics (complementary, not overlapping)moai-domain-frontend— Component implementation patterns
Version: 1.1.0 Last Updated: 2026-03-28
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
moai-workflow-loop
Ralph Engine - Automated feedback loop with LSP diagnostics and AST-grep integration for continuous code quality improvement. Use when implementing error-driven development, automated fixing, or continuous quality validation workflows.
moai-foundation-core
Provides MoAI-ADK foundational principles including TRUST 5 quality framework, SPEC-First DDD methodology, delegation patterns, progressive disclosure, and agent catalog reference. Use when referencing TRUST 5 gates or SPEC workflow.
moai-lang-ruby
Ruby 3.3+ development specialist covering Rails 7.2, ActiveRecord, Hotwire/Turbo, and modern Ruby patterns. Use when developing Ruby APIs, web applications, or Rails projects.
moai-lang-elixir
Elixir 1.17+ development specialist covering Phoenix 1.7, LiveView, Ecto, and OTP patterns. Use when developing real-time applications, distributed systems, or Phoenix projects.
moai-library-nextra
Enterprise Nextra documentation framework with Next.js. Use when building documentation sites, knowledge bases, or API reference documentation.
moai-lang-rust
Rust 1.92+ development specialist covering Axum, Tokio, SQLx, and memory-safe systems programming. Use when building high-performance, memory-safe applications or WebAssembly.
Didn't find tool you were looking for?