Claude MarketplacesSubmit
pproenca avatar

Terminal Ui

pproenca/dot-skills

If you're building CLI tools with Ink or Clack prompts, this gives you 42 specific rules across rendering, input handling, and UX patterns. It's organized by priority so you know what matters most: preventing terminal flicker with single-write batching, handling keyboard input with useInput hooks, and designing prompts that don't frustrate users. The rule prefixes like render- and input- make it easy to reference specific patterns. Honestly, the critical rendering rules alone are worth having around since terminal performance issues are annoying to debug. It covers the full stack from ANSI escape sequences to component lifecycle, which is helpful when you need more than "just make it work" and want actual developer tool polish.

skills.sh installs
853
GitHub stars
222
last updated
Aug 21, 2026
View on GitHub

Install

$ npx -y skills add pproenca/dot-skills --skill terminal-ui --agent claude-code

Installs into .claude/skills of the current project.

Files

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

PriorityCategoryImpactPrefix
1Rendering & OutputCRITICALrender-
2Input & KeyboardCRITICALinput-
3Component PatternsHIGHtuicomp-
4State & LifecycleHIGHtuistate-
5Prompt DesignMEDIUM-HIGHprompt-
6UX & FeedbackMEDIUMux-
7Configuration & CLIMEDIUMtuicfg-
8Robustness & CompatibilityLOW-MEDIUMrobust-

Quick Reference

1. Rendering & Output (CRITICAL)

SKILL.md on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Details

Repository
github.com/pproenca/dot-skills
Categories
Debugging, CLI & Terminal
First seen
Jun 3, 2026

More from pproenca/dot-skills

All 100

Recommended

More Debugging
1mlflow avatarmlflow-agentmlflow/skillsMaster dispatcher for all MLflow workflows. Use this skill when the user wants to do anything with MLflow — tracing, evaluating, debugging, or improving an agen844skills.sh installs
2daymade avatarwindows-remote-desktop-connection-doctordaymade/claude-code-skillsDiagnose Windows App (Microsoft Remote Desktop / Azure Virtual Desktop / W365 / direct PC) connection issues on macOS. Analyze transport protocol selection (UDP843skills.sh installs
3mindrally avatarthree-jsmindrally/skillsExpert guidance for Three.js and React Three Fiber development with modern React, TypeScript, and performance best practices834skills.sh installs
4mohitmishra786 avatarcore-dumpsmohitmishra786/low-level-dev-skillsCore dump analysis skill for production crash triage. Use when loading core files in GDB or LLDB, enabling core dump generation on Linux/macOS, mapping symbols 828skills.sh installs
5daymade avatarscrapling-skilldaymade/claude-code-skillsInstall, troubleshoot, and use Scrapling CLI to extract HTML, Markdown, or text from webpages. Use this skill whenever the user mentions Scrapling, `uv tool ins827skills.sh installs
6mindrally avatarblazormindrally/skillsGuidelines for Blazor development including component lifecycle, state management, and performance optimization823skills.sh installs