Build terminal user interfaces with a modern component model. OpenTUI gives you a renderer that works like React or Solid but targets the terminal instead of the DOM, complete with flexbox layout via Yoga, keyboard input handling, and a plugin system. The documentation covers both framework bindings (React and Solid), core primitives like the renderer and audio playback, and practical concerns like keymaps and testing with snapshot support. If you're building CLI tools that need more than basic prompts or progress bars, this is the stack that lets you compose real UIs without fighting ncurses.

skills.sh installs
3.9K
GitHub stars
13.8K
last updated
Aug 21, 2026

Install

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

Installs into .claude/skills of the current project.

Files

OpenTUI Skill

Canonical reference docs are in the sibling docs/**/*.mdx files.

Inside the OpenTUI repository, this skill root is packages/web/src/content/. The same files are available under packages/web/src/content/docs/**/*.mdx from the repository root.

Terminal layout defaults

Design for a terminal app, not a browser. Use the available columns and rows efficiently.

  • Do not use gaps between adjacent UI panels.
  • Do not add unnecessary margins or padding.
  • Prefer compact, information-dense layouts over website-style card spacing.

Path invariant

  • /docs maps to docs/getting-started.mdx.
  • /docs/components maps to docs/components/overview.mdx.
  • Every other /docs/<slug> URL maps to docs/<slug>.mdx relative to this skill root.
  • From the repository root, prepend packages/web/src/content/ to each source path.
  • /docs/releases/<version> maps to docs/releases/<version>.md, the release notes of that version.

Versions

Sponsors

Details

Repository
github.com/anomalyco/opentui
Categories
Frontend Development, Testing & QA, DevOps & CI/CD, CLI & Terminal
First seen
Jun 3, 2026
1yaklang avatarmobile-ssl-pinning-bypassyaklang/hack-skillsMobile SSL pinning bypass playbook. Use when intercepting HTTPS traffic from mobile applications that implement certificate pinning, public key pinning, or SPKI3.8Kskills.sh installs
2figma avatarfigma-code-connectfigma/mcp-server-guideCreates and maintains Figma Code Connect template files that map Figma components to code snippets. Use when the user mentions Code Connect, Figma component map3.6Kskills.sh installs
3dotnet avatarcreate-datadriven-aspnetcoredotnet/skillsGenerate or scaffold ASP.NET Core code — Razor Pages, Blazor components, MVC controllers, views, and Minimal API endpoints — without using ASP.NET Core CLI scaf3.5Kskills.sh installs
4majidmanzarpour avatarthreejs-qa-releasemajidmanzarpour/threejs-game-skillsVerify and release Three.js browser games. Combines playtest QA, automated bot playtests, mobile/responsive checks, production builds, preview verification, sta3.5Kskills.sh installs
5netlify avatarnetlify-formsnetlify/context-and-toolsGuide for using Netlify Forms for HTML form handling. Use when adding contact forms, feedback forms, file upload forms, or any form that should be collected by 3.3Kskills.sh installs
6netlify avatarnetlify-identitynetlify/context-and-toolsUse when the task involves authentication, user signups, logins, password recovery, OAuth providers, role-based access control, or protecting routes and functio3.2Kskills.sh installs