moai-design-system

Featured

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.

AI & Automation 1,030 stars 190 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

# MoAI Design System Specialist Unified design expertise covering two domains: Intent-First craft (design direction and critique) and UI/UX foundations (accessibility, tokens, components). --- ## Design Craft (absorbed from moai-design-craft) ### 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. **Design Direction Workflow:** 1. Domain Exploration: Name the domain, list key entities, establish vocabulary 2. Design Memory: Load `.moai/design/system.md` for existing design decisions 3. Intent Statement: Write "This interface should feel [adjective] because [reason]" 4. Principle Derivation: Extract 3-5 craft principles from the intent statement 5. Apply and Critique: Evaluate implementation against each principle **Post-Build Critique Checklist:** - Does the visual hierarchy match the domain vocabulary? - Does every animation serve an interaction contract? - Is web copy free of AI-generic phrases ("elevate", "seamless", "leverage")? - Does the information density match the user's cognitive load? **Anti-AI Slop Writing Rules for UI Copy:** - Replace "Unlock" → use specific action ("Publish", "Deploy", "Launch") - Replace "Seamless" → describe the actual experience ("One-step setup") - Replace "Leverage" → use direct verbs ("Use", "Apply", "Run") - Headlines must state what happens, not how it feels --- ## UI/UX Foundations (absorbed from moai-doma...

Details

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

Integrates with

Related Skills