---
id: "concept-command-line-design"
type: "concept"
source_timestamps: ["00:02:20", "00:06:14", "00:08:48"]
tags: ["design-paradigm", "cli", "developer-tools"]
related: ["concept-mcp", "framework-sequential-bottleneck", "concept-design-markdown"]
definition: "The shift of design execution from visual canvases to terminal-based AI agents that generate and iterate on creative assets as code."
sources: ["s48-markdown-design-meeting"]
sourceVaultSlug: "s48-markdown-design-meeting"
originDay: 48
---
# Command Line Design

## Definition

The shift of design execution from visual canvases (Figma, Adobe XD) to terminal-based AI agents that generate and iterate on creative assets as code.

## Why It's a Paradigm Shift

In traditional design, output is **visual**: pixels arranged on a canvas. In Command Line Design, output is **textual**: code (React components, CSS tokens, JSON specs) that *renders* into a visual artifact. Because the artifact is code, it inherits everything code gets for free — version control, diffing, branching, parameterization, automated review, CI/CD.

Users iterate at the **speed of language**: prompt → generated artifact → critique → reprompt — instead of the speed of mouse clicks pushing pixels.

## How It Works in Practice

1. Open a terminal or [[entity-claude-d48|Claude]] desktop session.
2. Invoke an AI agent over [[concept-mcp-d48|MCP]] connected to creative tools.
3. Describe intent in natural language ("a settings page for a fitness app, calm-but-energetic feeling").
4. The agent emits high-fidelity UI as code via [[entity-stitch|Stitch]], a video as React via [[entity-remotion|Remotion]], or a 3D scene via [[entity-blender-mcp|Blender MCP]].
5. Iterate by re-prompting; the artifact stays buildable because it *is* the build.

## Why It Matters

- Eliminates the [[framework-sequential-bottleneck|product → design → engineering]] sequential handoff.
- Makes high-fidelity prototyping accessible to non-designers (PMs, founders, engineers).
- Plugs into [[concept-design-markdown|design.md]] so an entire design system is agent-readable.
- Enables [[concept-multi-direction-design|multi-direction design]] — generate 5 candidates per prompt, branch like git.

## Related
[[concept-mcp-d48]] · [[framework-sequential-bottleneck]] · [[concept-design-markdown]] · [[concept-multi-direction-design]] · [[concept-vibe-design]] · [[concept-creativity-cost-collapse]]


## Related across days
- [[concept-mcp-d48]]
- [[concept-design-markdown]]
- [[concept-creativity-cost-collapse]]
- [[concept-workflow-collapse]]
