# ink

> Claude/Codex skill by [@google-labs-code](https://omgskills.com/library/google-labs-code/index.md) · 27k stars · Updated 2026-07-27

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

```sh
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.

## Links

- HTML page: https://omgskills.com/skills/google-labs-code/design.md/ink/
- GitHub: https://github.com/google-labs-code/design.md
- Author: [@google-labs-code](https://omgskills.com/library/google-labs-code/index.md)

## More from this repo

- [agent-dx-cli-scale](https://omgskills.com/skills/google-labs-code/design.md/agent-dx-cli-scale/index.md) — A scoring scale for evaluating how well a CLI is designed for AI agents, based on the "Rewrite Your CLI for AI Agents"...
   - [@google-labs-code](https://omgskills.com/library/google-labs-code/index.md) · 27k stars
- [typed-service-contracts](https://omgskills.com/skills/google-labs-code/design.md/typed-service-contracts/index.md) — Architecture standard for building robust, type-safe TypeScript services using the "Spec and Handler" pattern.
   - [@google-labs-code](https://omgskills.com/library/google-labs-code/index.md) · 27k stars

## More skills by this author

- [enhance-prompt](https://omgskills.com/skills/google-labs-code/stitch-skills/enhance-prompt/index.md) — Transforms vague UI ideas into polished, Stitch-optimized prompts.
   - [@google-labs-code](https://omgskills.com/library/google-labs-code/index.md) · 7.9k stars