# DESIGN:OS (ease-design)

> Design CLI for Claude Code, Codex and Antigravity: describe the interface in plain words, get production-grade UI back, gated by code.

A multi-runtime design CLI driven from Claude Code, Codex CLI or Antigravity with `/ui:*` commands. One design system; web, Figma and Apple-native execution. The deterministic UI kernel routes, validates contracts, and refuses unqualified claims without calling external models.

## Documentation

- [Landing Page](https://jangtrinh.github.io/design-os/): Overview of design CLI, runtime gates, examples, and installation.
- [Design OS Slides](https://jangtrinh.github.io/design-os/slides.html): Interactive slide deck detailing system design and architecture.
- [GitHub Repository](https://github.com/jangtrinh/design-os): Source code, package distribution, and contribution guide.
- [npm Package](https://www.npmjs.com/package/ease-design): Official npm registry package for ease-design.

## Core Capabilities

- **Command Surface**: `/ui:draft`, `/ui:spec`, `/ui:gate`, `/ui:render`, `/ui:inspect`.
- **Deterministic Taste Gates**: Enforces layout, contrast, accessibility, typography ladders, and token compliance.
- **Cross-Platform**: Compiles to clean HTML/CSS/Tailwind, Figma Desktop via local bridge, and native SwiftUI.

## DESIGN:OS Ecosystem

- [design-os](https://jangtrinh.github.io/design-os/): DESIGN:OS CLI — Multi-runtime design CLI for Claude Code, Codex & Antigravity (cli)
- [design-os-knowledge-builder](https://jangtrinh.github.io/design-os-knowledge-builder/): Knowledge Builder — Multimodal knowledge compiler with UKMC.v1 contract & epistemic gate (compiler)
- [design-os-figma-plugin](https://jangtrinh.github.io/design-os-figma-plugin/): Figma Plugin & CLI — Live canvas bridge for AI coding agents on Figma Free (plugin)
- [design-os-svg-animation](https://jangtrinh.github.io/design-os-svg-animation/): SVG Animation Engine — Deterministic vector animation & 1080p 60fps video pipeline (engine)
- [design-os-3d-blender](https://jangtrinh.github.io/design-os-3d-blender/): 3D Blender Agent — Mechanical parts generation with embedded Three.js CAD viewer (3d / cad)
- [design-os-drone-showcase](https://jangtrinh.github.io/design-os-drone-showcase/): OPAH ONE — 249g indoor drone showcase with scroll-scrub kinematics (hardware)
- [design-os-github-page](https://jangtrinh.github.io/design-os-github-page/): GitHub Pages Engine — 9-tier zero-dependency scaffolder with SEO, AEO & GEO (pages)
- [design-os-apple](https://jangtrinh.github.io/design-os-apple/): Apple Design OS — Native SwiftUI 6.2 component system for iOS, iPadOS & macOS (swiftui)
- [design-os-pedagogy](https://jangtrinh.github.io/design-os-pedagogy/): Agent Teacher — Evidence-graded pedagogy library and curriculum tree runtime (pedagogy)
- [design-os-origami](https://jangtrinh.github.io/design-os-origami/): Origami CAD — Parametric packaging dielines, spot-color PDFs & 3D fold previews (packaging)
- [design-os-voice-ux](https://jangtrinh.github.io/design-os-voice-ux/): Voice UX & AI Agent Architecture — Full-duplex barge-in FSMs & sub-500ms voice specs (voice-ai)
- [design-os-code2flow](https://jangtrinh.github.io/design-os-code2flow/): Code2Flow — Local-first codebase-to-user-flow audit CLI across 7 UI frameworks (ast / audit)
- [design-os-generative-ui](https://jangtrinh.github.io/design-os-generative-ui/): Generative UI — Streaming interactive visual runtime with morphdom & WebGL (runtime)