# ink

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

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/library/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/library/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) · 29k stars
- [typed-service-contracts](https://omgskills.com/library/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) · 28k stars

## More skills by this author

- [stitch::react-components](https://omgskills.com/library/google-labs-code/stitch-skills/react-components/index.md) — Converts Stitch designs into modular Vite and React components, or syncs/updates existing React components to align...
   - [@google-labs-code](https://omgskills.com/library/google-labs-code/index.md) · 8.5k stars