ink-bbs-ansi-ui

To design a BBS-style terminal UI with React Ink, apply ANSI art composition principles like silhouette, outline, and contrast-as-structure to build component hierarchies, panels, and status bars. The skill outputs layout logic, API sketches, and keyboard interaction maps for terminal IDE shells.

ANSI composition rules for terminal UI translate classic art techniques—silhouette, fill, shading, and contrast—into concrete structuring guidelines. This approach enforces fixed-cell thinking and monospace readability to define borders, title bars, and panel density within hard width and height constraints.

Yes, you can build keyboard-first navigation in an Ink terminal application by generating detailed focus and keyboard behavior maps. The skill defines interaction models for split panes, navigation trees, lists, and modals, ensuring the terminal UI remains navigable without a mouse.

Yes, designing terminal UI with ANSI composition strictly requires explicit fixed-cell thinking and hard width and height constraints. This ensures monospace readability at low sizes and maintains the dense, structured layout characteristic of classic BBS and warez-scene boards.

The best way to structure an Ink terminal IDE shell is to define a clear component hierarchy using BBS chrome elements like status lines, separators, and title bars. The skill provides theme and token guidance alongside resize and validation notes to structure panels, splits, and editor frames.

Your React Ink terminal UI may lack the BBS visual language because it is missing ANSI-informed composition rules. The skill defines specific silhouette, border, title bar, and panel density guidelines needed to match the aesthetic of classic elite BBS and warez-scene boards.