moai-design-craft

Aligns MoAI design decisions with user intent and persists them to .moai/design/system.md.

4|4|Updated Apr 21, 2026
One-click install
npx skills add https://github.com/modu-ai/moai-studio --skill moai-design-craft-modu-ai
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: moai-design-craft
Source: https://github.com/modu-ai/moai-studio/tree/main/.claude/skills/moai-design-craft
Command: npx skills add https://github.com/modu-ai/moai-studio --skill moai-design-craft-modu-ai

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Intent-First design craft anchors decisions to user goals and domain concepts, preventing premature visuals and misalignment across teams. It ensures decisions trace back to a clear purpose, improving consistency from planning through review. By capturing vocabulary and design intent, it supports audits and critique throughout the development lifecycle.

Core Features & Use Cases

  • Design Direction: Translate domain exploration into explicit design intent and vocabulary.
  • Design Memory: Persist decisions in .moai/design/system.md for cross-SPEC consistency.
  • Post-Build Critique: Provide structured review to align implementation with intent and guide patches or rebuilds.
  • Integration: Works with the Intent-First process to coordinate planning, review, and execution.

Quick Start

Summarize the design intent and domain vocabulary, then persist them into .moai/design/system.md

Frequently Asked Questions about moai-design-craft

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I anchor design decisions to user intent throughout a project?

To anchor design decisions to user intent, you translate domain exploration into explicit vocabulary and persist decisions into a memory file for cross-SPEC consistency. This prevents premature visuals and misalignment across teams.

What is design memory and how does it maintain frontend design consistency?

Design memory persists decisions and domain vocabulary in a system.md file for cross-SPEC consistency. It ensures design direction traces back to user goals, maintaining frontend design consistency across planning and implementation.

How do I run a structured design critique after a build?

To run a structured design critique, you review the implementation against the original design intent and domain vocabulary. This post-build critique workflow guides you to patch or rebuild components as needed.

Does intent-first design direction work without prior domain exploration?

Intent-first design direction requires prior domain exploration to translate into explicit design intent and vocabulary. Without it, anchoring decisions to user goals and domain concepts lacks the necessary foundation.

What's the best way to capture domain vocabulary for frontend design?

The best way to capture domain vocabulary is to summarize the design intent and domain concepts, then persist them into a dedicated design memory file. This supports audits and critique throughout the development lifecycle.

Why does my design implementation misalign with the original planning intent?

Implementation misaligns with planning intent when design decisions are not anchored to user goals and domain vocabulary. Capturing vocabulary and persisting decisions in design memory prevents this drift across teams.