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,143 stars 211 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
10 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 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 2 days ago
jangles-byte
Web & Frontend Listed

ui-design-craft

Static visual judgment for generated or restyled UI. Load when you are about to produce or modify any user-facing surface - a landing/marketing page, product screen, mockup, or component styling - when a brief says "make it look good/premium/modern" with no design system attached, or when you notice generated UI converging on default AI aesthetics. NOT for motion decisions (motion-craft), for running a measured design review (design-review-gate), for charts (the environment's dataviz tooling), or for native mobile idiom questions (Apple HIG / Material directly).

2 Updated today
F-e-u-e-r
AI & Automation Listed

idea-to-design

You MUST use this before any creative work — creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements, and design through collaborative dialogue before any implementation. A pure-process methodology skill (no scripts, no shells, no browser servers). Adapted from the brainstorming skill methodology (obra/superpowers) with the unsafe visual-companion browser server removed.

0 Updated 4 days ago
JZKK720