ink
Ink terminal renderer for json-render that turns JSON specs into interactive terminal UIs. Use when working with @json-render/ink, building terminal UIs from JSON, creating terminal component catalogs, or rendering AI-generated specs in the terminal.
Install
With your agent
Install OMGSkills skill "google-labs-code/design.md:ink" into this agent's normal skills directory: call the OMGSkills MCP get_install_plan tool for your agent and run the script it returns (it installs only the pinned commit and verifies SKILL.md), and stop if MCP or the pin is unavailable. Do not overwrite or change existing skills without asking me.
Manual command
git clone https://github.com/google-labs-code/design.md /tmp/design.md && ln -s /tmp/design.md/.agents/skills/ink ~/.claude/skills/ink
From README
@json-render/ink Ink terminal renderer that converts JSON specs into interactive terminal component trees with standard components, data binding, visibility, actions, and dynamic props. Spec Structure (Flat Element Map) The Ink schema uses a flat element map with a root key: Standard Components Layout Box - Flexbox layout container (like a terminal ). Use for grouping, spacing, borders, alignment. Default flexDirection is row. Text - Text output with optional styling (color, bold, italic, etc.) Newline - Inserts blank lines. Must be inside a Box with flexDirection column. Spacer - Flexible empty space that expands along the main axis.
