moai-design-craft

Featured

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,207 stars 221 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
12 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

Web & Frontend Solid

design

Crafts or reviews UI/UX for web and mobile — visual and interaction quality, design systems, screens, and flows. For schema and API design, use define.

10 Updated yesterday
saleh-alhaddad
Web & Frontend Listed

design-craft

UI/UX craft + design-decision communication skill, distilled from Albert Chipman's *UX/UI Design 2022* and Tom Greever's *Articulating Design Decisions*. Five modes: AUDIT a screen/component against visual-hierarchy, typography, readability, alignment/grid, consistency and microcopy rules; RATIONALE — write the 'Big Three' justification for any design decision (what problem it solves, how it affects the user, why it beats the alternative); RESPOND to design feedback or a stakeholder request with the IDEAL response (Thank→Repeat→Prepare, strategy, tactics, ask for agreement); PREP a design review (anticipated objections, alternatives, data, follow-up); INTAKE a new design project (goals, users, metrics, decision-maker). Use when the user says 'audit this UI', 'design review', 'looks amateur/unprofessional/AI-made', 'why did you design it this way', 'justify this design', 'the client/stakeholder wants X', 'present this design', 'readability', 'typography', 'visual hierarchy', 'microcopy', 'design rationale', or

0 Updated 3 weeks ago
emamulmursalin47
Web & Frontend Listed

design-direction

Establish a deliberate aesthetic point of view before building anything visual. Use this skill FIRST whenever starting any visual work — a website, landing page, app UI, dashboard, data visualization, slide deck, game screen, generative art piece, poster, or component library — even if the user only says "make it look good", "build me a page", or "design a UI". Also use it when the user complains that a design looks generic, bland, "AI-generated", or like a template. This skill produces a short written design philosophy that every other design decision follows.

2 Updated 1 months ago
jangles-byte