moai-workflow-design

Solid

Unified design workflow skill — handles Path A (Claude Design handoff bundle import, via Figma extractor when needed) and design-brief context loading from .moai/design/ (research, system, spec). Validates DTCG tokens, enforces brand-context constitutional priority. Use for /moai design workflow — NOT for general design system documentation (see moai-design-system).

AI & Automation 1,050 stars 192 forks Updated today Apache-2.0

Install

View on GitHub

Quality Score: 99/100

Stars 20%
100
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# Design Workflow (`moai-workflow-design`) Unified `/moai design` workflow skill. Handles two complementary responsibilities: 1. **Design artifact import** — Path A (Claude Design handoff bundle, ZIP/HTML) and Path B1 (Figma extractor via meta-harness). Produces DTCG-validated design tokens at `.moai/design/tokens.json` for `expert-frontend` consumption. 2. **Design-brief context loading** — Auto-loads human-authored briefs from `.moai/design/` (`spec.md`, `system.md`, `research.md`) into the orchestrator prompt before `expert-frontend` or `moai-domain-brand-design` runs. Brand context (`.moai/project/brand/`) is the constitutional parent across all paths — no path may override brand constraints (design constitution §3.1, §3.3). ## Quick Reference **Reserved output paths** (design constitution §3.2, must not collide with human files): `tokens.json`, `components.json`, `assets/`, `import-warnings.json`, `brief/BRIEF-*.md`, `copy.json`, `path-selection.json` — all under `.moai/design/`. **Path selection** (presented via AskUserQuestion when `/moai design` needs choice): 1. **Path A — Claude Design** (권장) — handoff bundle (ZIP or HTML) 2. **Path B1 — Figma** — meta-harness generates `moai-harness-figma-extractor` dynamically Selection persisted to `.moai/design/path-selection.json`. **Context-loading priority order** (REQ-2 / AC-4 from absorbed design-context skill): `spec > system > research`. When token budget exceeded, drop in REVERSE priority — never drop...

Details

Author
modu-ai
Repository
modu-ai/moai-adk
Created
8 months ago
Last Updated
today
Language
Go
License
Apache-2.0

Integrates with

Similar Skills

Semantically similar based on skill content — not just same category

AI & Automation Solid

moai-design-system

Unified design system specialist integrating Intent-First design craft and UI/UX foundations (accessibility, design tokens, component architecture). Use when establishing design intent and building design systems.

1,050 Updated today
modu-ai
AI & Automation Solid

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.

1,050 Updated today
modu-ai
Web & Frontend Solid

moai-domain-brand-design

Brand-aligned visual design system specialist for web projects. Enforces hero-first layout chaining, WCAG 2.1 AA accessibility, Lighthouse >= 80, and design token extraction from brand identity files. Covers color palettes, typography, spacing, and component specifications.

1,050 Updated today
modu-ai
AI & Automation Solid

moai-domain-design-handoff

Claude Design handoff package specialist for /moai brain Phase 7. Assembles 5-file handoff bundle (prompt/context/references/acceptance/checklist) for paste-ready claude.com Design session. Handles brand-absent fallback and section regeneration.

1,050 Updated today
modu-ai
AI & Automation Solid

moai

MoAI unified orchestrator for autonomous development. Routes natural language or subcommands (brain, plan, run, sync, design, project, fix, loop, mx, feedback, review, clean, codemaps, coverage, e2e, harness) to specialized agents.

1,050 Updated today
modu-ai