moai-design-system

Solid

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,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

# 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

Similar Skills

Semantically similar based on skill content — not just same category

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-uiux

UI/UX design systems specialist covering accessibility, icons, theming, design tokens, and user experience patterns. Use when working on design systems, WCAG compliance, ARIA patterns, or dark mode theming.

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

ai-design

Designs user interfaces and design systems for web, mobile, CLI, and documentation-heavy experiences: aesthetic direction, color palettes, typography, spatial composition, information architecture. Trigger for 'design this page', 'create a design system', 'what style should we use', 'UI for this feature', 'color palette for', 'typography for'. Not for animation; use /ai-animation instead. Not for static visual art (posters, banners); use /ai-visual instead. Not for slide decks; use /ai-slides instead.

49 Updated today
arcasilesgroup