pi-tui-design
CommunityCraft distinctive TUI components for pi.
System Documentation
What problem does it solve?
Provides a structured approach to design handcrafted terminal UI components for pi extensions, enabling consistent, visually cohesive, and accessible interfaces across apps and tools.
Core Features & Use Cases
Guides using the pi-tui and pi-coding-agent toolkits to build dialogs, dashboards, overlays, widgets, and other TUI surfaces. Includes patterns and practical examples such as Selection Dialog, Status + Widget, Loader with Cancel, Settings Toggles, Custom Tool Rendering, Custom Footer, and Vim Modal Editor. Emphasizes theming with tokens, color discipline, keyboard conventions, spatial layout, and component contracts to ensure maintainable design across extensions.
Quick Start
Install and leverage the pi-tui design patterns by prototyping a new terminal UI component against the provided references and examples.
Dependency Matrix
Required Modules
None requiredComponents
💻 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: pi-tui-design Download link: https://github.com/mrclrchtr/SuPi/archive/main.zip#pi-tui-design Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.