Manavarya09

Studio — Design skill for Claude Code

Design community

Launch the local design Studio — a live token editor over the latest extraction.

How to install Studio

Installs to ~/.claude/skills/manavarya09-design-extract-studio/SKILL.md

Terminal

mkdir -p ~/.claude/skills/manavarya09-design-extract-studio && curl -fsSL https://raw.githubusercontent.com/Manavarya09/design-extract/HEAD/commands/studio.md -o ~/.claude/skills/manavarya09-design-extract-studio/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What Studio does

description: Launch the local design Studio — a live token editor over the latest extraction. Edit, preview a wall of real components, toggle dark mode, inspect motion, and export. argument-hint: [--dir ./design-extract-output] [--port 4837]

Launch **designlang studio**, a tiny local web app that turns the most recent extraction into a living, editable design system. Editing a token restyles a wall of real components and a rebuilt page instantly; you can toggle a generated dark mode, in

Alternatives in Design

Export Diagram — Export a diagram-design HTML file to .svg and .png next to the source 27.2k ★
Doc — Read, create, and edit .docx documents with formatting and layout fidelity 14.6k ★
Companion — 2,200+ Web & mobile UI for Claude Code & Codex 2.2k ★