moai-design-craft

Establish design intent and audit UI against craft principles.

Updated Apr 26, 2026
One-click install
npx skills add https://github.com/gkswls5006-web/last-todo --skill moai-design-craft-gkswls5006-web
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: moai-design-craft
Source: https://github.com/gkswls5006-web/last-todo/tree/main/.claude/skills/moai-design-craft
Command: npx skills add https://github.com/gkswls5006-web/last-todo --skill moai-design-craft-gkswls5006-web

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Intent-First design craft helps teams establish design intent and audit implementations against design principles by grounding work in domain understanding, craft memory, and post-build critique.

Core Features & Use Cases

  • Design Direction: clarify domain intent and vocabulary to steer implementation.
  • Design Memory: record decisions, vocabulary, and rationale to guide future work.
  • Design Audit & Critique: evaluate built UI against the design direction and produce actionable improvements.
  • Web Copy Craft: apply copy guidelines to ensure human-quality, brand-consistent text.
  • MoAI Workflow Integration: aligns with .moai/design/system.md and planning artifacts for repeatable design processes.

Quick Start

Write a Design Direction in .moai/design/system.md after completing a domain exploration to anchor the next build.

Frequently Asked Questions about moai-design-craft

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

FAQPage Schema
What is intent-first design craft for UI development?

Intent-first design craft grounds UI work in domain understanding and craft principles to establish clear design intent. It ensures reliable UI by maintaining a design system memory, capturing domain vocabulary, and enforcing critique cycles to guide domain-driven UI decisions.

How do I start a design direction for my project?

To start a design direction, complete a domain exploration to clarify domain intent and vocabulary. Write the resulting design direction into the .moai/design/system.md file to anchor the next build and guide implementation decisions across the project.

Why do I need design memory in a UI workflow?

Design memory records decisions, domain vocabulary, and rationale to guide future work and maintain consistency across projects. It ensures reliable UI by preserving the context and intent behind past design choices in a centralized system file.

How does a UI audit work with domain-driven design?

A UI audit works by evaluating the built interface against the established design direction and domain vocabulary. It applies craft principles to check alignment with the original intent, generating actionable improvements for post-build critique cycles.

Does this design craft approach work without a design system file?

No, this approach requires maintaining a design system memory in .moai/design/system.md. The file captures domain vocabulary, records design decisions, and anchors the design direction needed to enforce critique cycles and guide domain-driven UI decisions.