Comprehensive OpenTUI skill for building terminal user interfaces. Covers the core imperative API and React reconciler. Use for any TUI development task including components, layout, keyboard handling, animations, and testing.
React and OpenTUI best practices for building clean, maintainable, performant TUI applications using Feature-Sliced Design architecture. ALWAYS use when working with React/OpenTUI/TUI: (1) Creating or modifying ANY React/OpenTUI components (.tsx files), (2) Organizing code into FSD layers (app/pages/widgets/features/entities/shared), (3) Writing custom hooks or React components, (4) Managing state with Jotai or TanStack Query, (5) Building CLI/TUI/terminal interfaces with OpenTUI, (6) Creating page components, widget components, feature components, or UI components, (7) Structuring React applications with FSD architecture, (8) Any React/OpenTUI development task requiring architectural or code quality guidance. Provides component patterns, hooks best practices, state management strategies, performance optimization, FSD layer organization, and OpenTUI-specific TUI patterns. Auto-triggers for all .tsx files and FSD structure work.
TypeScript best practices for writing clean, maintainable, type-safe code. ALWAYS use when working with TypeScript: (1) Creating or modifying ANY .ts/.tsx files, (2) Defining types, interfaces, schemas, models, or domain entities, (3) Writing functions, classes, or utilities, (4) Setting up validation with Zod schemas, (5) Creating model definitions, type definitions, or entity types (examples: user models, task schemas, domain types), (6) Any TypeScript development task requiring code quality guidance. Provides SOLID principles, strong typing patterns, naming conventions, error handling, Zod validation best practices, and code organization guidance. Auto-triggers for all TypeScript file operations.