terminal-uilisted

# DevEx Developer Experience TUI Best Practices Comprehensive developer experience guide for building TypeScript terminal user interfaces using Ink (React for CLIs) and Clack prompts. Contains 42 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation. ## When to Apply Reference these guidelines when: - Building CLI tools with interactive prompts using @clack/prompts - Creating React-based terminal UIs with Ink - Handling keyboard input and user interactions - Optimizing terminal rendering and preventing flicker - Designing developer-friendly CLI experiences ## Rule Categories by Priority | Priority | Category | Impact | Prefix | |----------|----------|--------|--------| | 1 | Rendering & Output | CRITICAL | `render-` | | 2 | Input & Keyboard | CRITICAL | `input-` | | 3 | Component Patterns | HIGH | `tuicomp-` | | 4 | State & Lifecycle | HIGH | `tuistate-` | | 5 | Prompt Design | MEDIUM-HIGH | `prompt-` | | 6 | UX & Feedback | MEDIUM | `ux-` | | 7 | Configuration & CLI | MEDIUM | `tuicfg-` | | 8 | Robustness & Compatibility | LOW-MEDIUM | `robust-` | ## Quick Reference ### 1. Rendering & Output (CRITICAL) - `render-single-write` - Batch Terminal Output in Single Write - `render-overwrite-dont-clear` - Overwrite Content Instead of Clear and Redraw - `render-synchronized-output` - Use Synchronized Output Protocol for Animations - `render-60fps-baseline` - Target 60fps for Smooth Animation - `render-partial-updates` - Update On