npx claudepluginhub fairchild/dotclaude --plugin skill-creatorThis skill uses the workspace's default tool permissions.
Fix misaligned right borders in ASCII art box diagrams. Prompt-driven — no external tools required.
assets/cases/fix-nested-boxes/expected.txtassets/cases/fix-nested-boxes/input.txtassets/cases/fix-simple-box/expected.txtassets/cases/fix-simple-box/input.txtassets/cases/fix-unicode-borders/expected.txtassets/cases/fix-unicode-borders/input.txtassets/cases/mixed-prose-and-boxes/expected.txtassets/cases/mixed-prose-and-boxes/input.txtassets/cases/mixed-table-and-art/expected.mdassets/cases/mixed-table-and-art/input.mdassets/cases/noop-aligned-art/expected.txtassets/cases/noop-aligned-art/input.txtassets/cases/noop-code-block-table/expected.mdassets/cases/noop-code-block-table/input.mdassets/cases/noop-markdown-table/expected.mdassets/cases/noop-markdown-table/input.mdreferences/evaluating.mdscripts/clean.shscripts/eval.shscripts/validate.pyGenerates design tokens/docs from CSS/Tailwind/styled-components codebases, audits visual consistency across 10 dimensions, detects AI slop in UI.
Records polished WebM UI demo videos of web apps using Playwright with cursor overlay, natural pacing, and three-phase scripting. Activates for demo, walkthrough, screen recording, or tutorial requests.
Delivers idiomatic Kotlin patterns for null safety, immutability, sealed classes, coroutines, Flows, extensions, DSL builders, and Gradle DSL. Use when writing, reviewing, refactoring, or designing Kotlin code.
Fix misaligned right borders in ASCII art box diagrams. Prompt-driven — no external tools required.
Box diagrams use border characters to draw rectangular outlines:
Plus-dash style:
+-------------------+
| Content here |
+-------------------+
Unicode style:
┌─────────────────┐
│ Content here │
└─────────────────┘
+---+ or ┌───┐ / └───┘)+ to last + (inclusive)| or │ content line between borders must have its closing border character at the same column as the border widthDO fix:
| or │ is at the wrong columnDO NOT touch:
| Col | Col | with |---|---| separator rows)|, v, ---->)Markdown tables have:
| characters per line separating columns|---|---| (dashes with optional colons)+ corner charactersBox diagrams have:
+ or ┌└┐┘ corner characters on border lines| or │ per content line (opening and closing)- or ─If a line has a |---| separator row, it's a table. Leave it alone.
After fixing, check that every line in each box is the same width. Nested boxes are especially tricky — the outer box content lines that contain an inner box still need their closing | at the outer box's column:
+------------------+ <- width 20, | at column 20
| Outer content | <- | at column 20 ✓
| +----------+ | <- | at column 20 ✓ (not column 17)
| | Inner | | <- | at column 20 ✓
| +----------+ | <- | at column 20 ✓
+------------------+
Run the validator to catch misalignment:
python3 scripts/validate.py <file>
Run the eval to check your work:
bash skills/ascii-art-fix/scripts/clean.sh
# process each case in assets/cases/*/
bash skills/ascii-art-fix/scripts/eval.sh
See references/evaluating.md for the full eval workflow.