Claude Code plugin

Design OS

Design CLI for Claude Code, Codex and Antigravity: describe the UI in plain words, get production-grade web, Figma and SwiftUI output through deterministic taste gates.

36 stars 3 forksPlugins & marketplaces Plugin marketplace Source

Install

Inside Claude Code
/plugin marketplace add jangtrinh/design-os

Found in the project README. Check it for setup steps after installing.

From source
git clone https://github.com/jangtrinh/design-os.git

From the README

DESIGN:OS (design-os)

Multi-runtime design operating system and CLI for Claude Code, OpenAI Codex, Gemini CLI, and Google Antigravity.

Install once to equip any AI coding agent with 12+ domain design skills, deterministic verification gates, 2:1 axonometric art direction, and live Figma / SVG / 3D / SwiftUI / packaging workflows.

DESIGN:OS is free to use and modify. Source-available under PolyForm Shield 1.0.0. Install with npx @easestart/design-os init.

  Quickstart · What it makes · Install · How it works · Commands · Limits

Why this exists

AI coding agents write functional code quickly, but their default visual output suffers from inconsistent spacing, hallucinated tokens, rainbow badges, and zero verification gates. DESIGN:OS turns aesthetic taste and design systems engineering into deterministic, runtime-agnostic contracts.

Quickstart

1. Install the plugin or CLI

In Claude Code:

Or from your terminal (Codex, Gemini CLI, Antigravity, OpenCode, or standalone CLI):

2. Ask in plain English

Open your project in your AI coding agent and describe what you need:
"Initialize DESIGN:OS in this repo and wire our design tokens and verification gates for Claude Code and Codex."
"Audit our current frontend components against DESIGN:OS typography, spacing, and WCAG 2.2 AA contrast gates."
"Scaffold a new product landing page with 2:1 axonometric B&W technical illustrations and SEO/AEO/GEO metadata."

3. Verify your setup

What it makes

Every deliverable produced by design-os is backed by a deterministic verification gate rather than freehand AI guesswork.

  Prompt: "Initialize DESIGN:OS in this repo and wire our design tokens and verification gates for Claude Code and Codex."

architecture — Three-tier web application
medallion — Survey dataset storage tiers

bar —…
Read the full README on GitHub

How plugins work

  • A plugin bundles slash commands, subagents, skills, hooks, MCP servers and status lines so they install together.
  • Add the marketplace inside Claude Code with /plugin marketplace add jangtrinh/design-os, then run /plugin to pick what to install.
  • You can turn a plugin off again from /plugin without deleting anything.
Claude Code docs

Details

Language
TypeScript
Last updated
1 November 2026
Topics
accessibilityai-agentsantigravityclaude-codecodexdesign-clidesign-systemdesign-tokensdeveloper-toolsfigmafigma-pluginswiftui

FAQ

What is Design OS?

Design CLI for Claude Code, Codex and Antigravity: describe the UI in plain words, get production-grade web, Figma and SwiftUI output through deterministic taste gates. It is a plugin for Claude Code, from jangtrinh/design-os on GitHub.

How do I install Design OS?

Run /plugin marketplace add jangtrinh/design-os inside Claude Code, then follow the setup in the README.

Is Design OS popular?

jangtrinh/design-os has 36 GitHub stars and 3 forks. It was last updated on 1 November 2026.

More plugins & marketplaces

Browse the most popular Claude Code mods, all plugins & marketplaces, or the skills and MCP server directories.