/yas-demo-text

name: yas-demo-text
description: Convert `make demo/img` statusline snapshots into ANSI-stripped plain text for diffing and PR embedding. Use when comparing statusline renders before/after a change, producing a text representation of a demo scenario, or preparing before/after statusline output for a pull request without screenshots.

YAS demo text

`make demo/img` writes ANSI-coloured statusline snapshots to `demo/<scenario>.txt` (and per-theme renders under `demo/themes/`). This skill strips the ANSI escape sequences so the box-drawing layout survives as plain, diff-able, paste-able text.

Quick start

Render the snapshots, then strip them into `demo/text/` (mirrors the `demo/` tree):

make demo/img                                   # or: DEMO_ONLY=tasks make demo/img
.claude/skills/yas-demo-text/scripts/demo-text.sh

`demo/text/<scenario>.txt` now holds the colour-free render. Both `demo/` and `demo/text/` are gitignored, so these are scratch artifacts — diff them, paste them, regenerate them; don't commit them.

Strip arbitrary output

`scripts/strip-ansi.sh` is a plain ANSI filter (stdin or named files → stdout), wrapping `sed 's/\x1B\[[0-9;]\{1,\}[A-Za-z]//g'`:

COLUMNS=160 uv run python claude/statusline_command.py < ops/session-info-example.json \
  | .claude/skills/yas-demo-text/scripts/strip-ansi.sh

Before/after comparison

make demo/img && .claude/skills/yas-demo-text/scripts/demo-text.sh
cp -r demo/text /tmp/yas-before        # stash the baseline
# ... make your renderer change ...
make demo/img && .claude/skills/yas-demo-text/scripts/demo-text.sh
diff -ru /tmp/yas-before demo/text     # see exactly which cells moved

Notes

• The strip regex matches CSI sequences (`\x1B[…<letter>`), removing colour,

bold and italic; it leaves box-drawing and Nerd Font glyphs intact, so column alignment is preserved exactly.

• Nerd Font PUA glyphs render as boxes outside a Nerd-Font terminal (e.g. on

GitHub), but the layout and text labels still read clearly. For a snapshot meant to paste into GitHub markdown, render in the `github` glyph mode first (`YAS_GLYPH_MODE=github make demo/img`): it folds the box-drawing frame, block/sparkline ramp, and PUA icons to width-1 EAW-narrow/ASCII stand-ins, so the result stays a clean, box-free rectangle in a browser monospace font. The **yas-pr** skill uses this by default for before/after PR renders.

• The repo's Python `strip_ansi` (`test/helper.py`) is SGR-only and for tests;

this skill's sed filter is broader and for the demo snapshots.