How does the skill handle different terminal emoji widths?

It delegates width calculation to bash scripts that utilize Python's unicodedata module and terminal-specific JSON width data to ensure accuracy.

Can I use this skill to create tables?

Yes, it supports complex table rendering with customizable column widths, headers, and data rows that maintain alignment even with mixed content.

What visual style does this skill use for borders?

It uses modern rounded-corner box-drawing characters (╭, ╮, ╰, ╯) for a consistent and professional aesthetic, deprecating older square-corner styles.

Why is a specialized skill needed for rendering boxes with emojis?

LLMs cannot reliably calculate character-level padding for Unicode text and emojis, which often results in broken or misaligned terminal borders.

Render Box Terminal UI

Name: Render Box Terminal UI
Author: cowwoc

bycowwoc

•

Developer Tools

Generates terminal-based boxes and tables with precise emoji-aware alignment using professional box-drawing characters.

The Render Box skill provides a specialized utility for Claude to create visually consistent and professional terminal interfaces, including status displays, data tables, and nested boxes. By delegating character-width calculations to dedicated scripts using Python's unicodedata module, it overcomes the inherent limitations of LLMs in handling Unicode and emoji padding. This ensures that bordered outputs remain perfectly aligned across different terminal environments, making it essential for rendering status indicators, progress tracking, and structured data summaries that include emojis.

Key Features

01Emoji-aware padding for perfect terminal alignment

022 GitHub stars

03Rounded-corner box drawing for modern CLI aesthetics

04Nested box capabilities for hierarchical status displays

05Support for multi-column tables with headers and dividers

06Built-in progress bar and divider generation

Use Cases

01Creating professional CLI command summaries and task checkpoints

02Displaying token usage and performance metrics in structured tables

03Generating project status dashboards with emoji indicators

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add cowwoc/claude-code-cat render-box

For use in Claude.ai and ChatGPT