moai-design-craft

Solid

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.

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 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, vocabulary - `modules/design-memory.md` — `.moai/design/system.md` read/write protocol - `modules/critique-workflow.md` — Post-build critique: observe → diagnose → rebuild, hard rules and rejection criteria - `modules/web-copy-craft.md` — Web copy guidelines: anti-AI writing, headline formulas, CTA patterns, body copy rhythm ## Quick Reference ### Design Direction (plan phase) When manager-spec detects design-relevant keywords, trigger Design Direction: 1. Read `.moai/design/system.md` (if it exists) for established vocabulary and intent 2. Explore domain: What is the user doing? ...

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-workflow-design

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).

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
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
Web & Frontend Solid

oma-design

AI design specialist skill with DESIGN.md management, anti-pattern enforcement, optional Stitch MCP integration, and component library guidance. Covers typography, color systems, motion design (motion/react, GSAP, Three.js), responsive-first layouts, and accessibility (WCAG 2.2).

1,042 Updated today
first-fluke