Skills
.Work. You
Rest

ink-bbs-ansi-composition

Community

Turn ANSI art into readable Ink UI chrome

Design & Creative#visual hierarchy#ansi art#layout composition#ink ui#ui chrome#terminal panels
Authorselfagency
Version1.0.0
Installs0

System Documentation

What problem does it solve?

It helps you translate ANSI art composition principles into Ink UI so borders, separators, and titles stay visually coherent and easy to read.

Core Features & Use Cases

  • Silhouette-first layout: Establishes panel shapes and readable structure before adding detail.
  • Border and outline strategy: Defines consistent border identity and title bar clarity for UI chrome.
  • Fill, shade, and contrast guidance: Guides how to choose accents and density so the UI “reads” like a composed scene.
  • Use Case: When designing a terminal-style app screen with multiple panels, you can apply the rules to keep separators purposeful and active regions visibly distinct.

Quick Start

Ask the AI to produce a border strategy, accent placement plan, and contrast/density guidance for your Ink UI component layout based on ANSI silhouette-outline-fill-shade ordering.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: ink-bbs-ansi-composition
Download link: https://github.com/selfagency/agentsy/archive/main.zip#ink-bbs-ansi-composition

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.