Built for anyone doing terminal UI development with OpenTUI's imperative API or React/Solid reconcilers. Covers the full stack from project setup with create-tui through components, layout systems, keyboard handling, and testing. The decision trees help you pick the right framework and find specific components quickly, while the reference structure breaks everything into digestible chunks. What I appreciate is how it handles the gotchas upfront, like the process.exit() trap and text styling quirks that'll bite you otherwise. Good for both quick lookups when you're coding and deeper dives into layout patterns or animation timelines.

skills.sh installs
64.5K
GitHub stars
229
last updated
Aug 21, 2026

Install

$ npx -y skills add msmps/opentui-skill --skill opentui --agent claude-code

Installs into .claude/skills of the current project.

Files

OpenTUI Platform Skill

Consolidated skill for building terminal user interfaces with OpenTUI. Use decision trees below to find the right framework and components, then load detailed references.

Critical Rules

Follow these rules in all OpenTUI code:

  1. Use create-tui for new projects. See framework REFERENCE.md quick starts.
  2. create-tui options must come before arguments. bunx create-tui -t react my-app works, bunx create-tui my-app -t react does NOT.
  3. Never call process.exit() directly. Use renderer.destroy() (see core/gotchas.md).
  4. Text styling requires nested tags in React/Solid. Use modifier elements, not props (see components/text-display.md).

How to Use This Skill

Reference File Structure

Framework references follow a 5-file pattern. Cross-cutting concepts are single-file guides.

Each framework in ./references/<framework>/ contains:

Sponsors

Details

Repository
github.com/msmps/opentui-skill
Categories
Frontend Development, Testing & QA, CLI & Terminal
1expo avatarbuilding-native-uiexpo/skillsBuild beautiful, native-feeling Expo screens. Covers Apple HIG styling, semantic colors, native controls, SF Symbols, media, animations, visual effects, gradien58.1Kskills.sh installs
2clerk avatarclerk-custom-uiclerk/skillsCustom authentication flows and component appearance - hooks (useSignIn, useSignUp), themes, colors, fonts, CSS. Use for custom sign-in/sign-up flows, appearanc57.4Kskills.sh installs
3nextlevelbuilder avatarbrandnextlevelbuilder/ui-ux-pro-max-skillBrand voice, visual identity, messaging frameworks, asset management, brand consistency. Activate for branded content, tone of voice, marketing assets, brand co47.4Kskills.sh installs
4wshobson avatarbrand-landingpagewshobson/agentsBrand-first landing page designer — runs a brand-identity interview (colors, typography, shape language), then generates and iterates on a polished landing page39.9Kskills.sh installs
5googlechrome avatarmodern-web-guidancegooglechrome/modern-web-guidanceSearch tool for modern web development best practices. MANDATORY: Execute FIRST for all HTML/CSS and clientside JS tasks. Do NOT skip — web APIs evolve rapidly 38.8Kskills.sh installs
6expo avatarexpo-native-uiexpo/skillsFramework (OSS). Build beautiful, native-feeling Expo screens. Covers Apple HIG styling, semantic colors, native controls, SF Symbols, media, animations, visual36.5Kskills.sh installs