Agent skill

Opentui

OpenTUI skill for building terminal user interfaces with the Core, React, or Solid APIs.

Install Opentui

skills CLI

$ npx skills add msmps/opentui-skill --skill opentui -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI

$ gh skill install msmps/opentui-skill opentui --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy

$ git clone --depth 1 https://github.com/msmps/opentui-skill.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skill/opentui .claude/skills/opentui && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Paste into Claude Code

Install the "opentui" agent skill from https://github.com/msmps/opentui-skill/tree/main/skill/opentui into .claude/skills/opentui/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "opentui", then confirm the skill loads.

Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

$skill-installer

$skill-installer install https://github.com/msmps/opentui-skill/tree/main/skill/opentui

Type this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.

skills CLI

$ npx skills add msmps/opentui-skill --skill opentui -a codex

Project install goes to .agents/skills/; add -g for ~/.codex/skills/.

GitHub CLI

$ gh skill install msmps/opentui-skill opentui --agent codex

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/msmps/opentui-skill.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skill/opentui .agents/skills/opentui && rm -rf skills-src

Use ~/.agents/skills/ instead of .agents/skills for a personal install.

Codex skills documentation · loads skills from .agents/skills/

Paste into Codex

Install the "opentui" agent skill from https://github.com/msmps/opentui-skill/tree/main/skill/opentui into .agents/skills/opentui/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "opentui", then confirm the skill loads.

Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add msmps/opentui-skill --skill opentui -a cursor

Project install goes to .agents/skills/; add -g for ~/.cursor/skills/.

GitHub CLI

$ gh skill install msmps/opentui-skill opentui --agent cursor

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/msmps/opentui-skill.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skill/opentui .cursor/skills/opentui && rm -rf skills-src

Use ~/.cursor/skills/ instead of .cursor/skills for a personal install.

Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/

Paste into Cursor

Install the "opentui" agent skill from https://github.com/msmps/opentui-skill/tree/main/skill/opentui into .cursor/skills/opentui/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "opentui", then confirm the skill loads.

Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

gemini skills install

$ gemini skills install https://github.com/msmps/opentui-skill.git --path skill/opentui

--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.

skills CLI

$ npx skills add msmps/opentui-skill --skill opentui -a gemini-cli

Project install goes to .agents/skills/; add -g for ~/.gemini/skills/.

GitHub CLI

$ gh skill install msmps/opentui-skill opentui --agent gemini-cli

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/msmps/opentui-skill.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skill/opentui .gemini/skills/opentui && rm -rf skills-src

Use ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.

Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/

Paste into Gemini CLI

Install the "opentui" agent skill from https://github.com/msmps/opentui-skill/tree/main/skill/opentui into .gemini/skills/opentui/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "opentui", then confirm the skill loads.

Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

GitHub CLI

$ gh skill install msmps/opentui-skill opentui

Installs for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).

skills CLI

$ npx skills add msmps/opentui-skill --skill opentui -a github-copilot

Project install goes to .agents/skills/; add -g for ~/.copilot/skills/.

Manual copy

$ git clone --depth 1 https://github.com/msmps/opentui-skill.git skills-src && mkdir -p .github/skills && cp -r skills-src/skill/opentui .github/skills/opentui && rm -rf skills-src

Use ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.

GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/

Paste into GitHub Copilot

Install the "opentui" agent skill from https://github.com/msmps/opentui-skill/tree/main/skill/opentui into .github/skills/opentui/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "opentui", then confirm the skill loads.

GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add msmps/opentui-skill --skill opentui -a opencode

OpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.

GitHub CLI

$ gh skill install msmps/opentui-skill opentui --agent opencode

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/msmps/opentui-skill.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skill/opentui .opencode/skills/opentui && rm -rf skills-src

Use ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.

OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/

Paste into OpenCode

Install the "opentui" agent skill from https://github.com/msmps/opentui-skill/tree/main/skill/opentui into .opencode/skills/opentui/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "opentui", then confirm the skill loads.

OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

Facts

Skill name: opentui
GitHub stars: 225
Used in: 1 other repo
Token cost: ~2.4k tokens
SKILL.md length: 477 words
Files: 31 (incl. references)
Skills in repo: 1
Repo updated: Aug 27, 2026
First seen: Oct 7, 2026
Licence: MIT

At a glance

OpenTUI skill for building terminal user interfaces with the Core, React, or Solid APIs.

Works in 4 steps: Use create-tui for new projects. See… → create-tui options must come before… → Never call process.exit() directly. Use… → …
Any TUI task including components
SKILL.md covers Critical Rules, How to Use This Skill, Quick Decision Trees and Product Index, plus 1 more section
Calls bunx

What it does

Opentui is an agent skill from msmps/opentui-skill. OpenTUI skill for building terminal user interfaces with the Core, React, or Solid APIs. Use for any TUI task including components, layout, keyboard and keymap handling, animations, and testing.

Its SKILL.md is about 2.4k tokens, which your agent loads only when the skill is triggered. The skill folder holds 36 other files, including reference files (for example `references/animation/REFERENCE.md`, `references/components/REFERENCE.md` and `references/components/code-diff.md`).

It sits in Frontend & Design. It works with React. The repository describes itself as: OpenTUI skill for use with OpenCode. The licence is MIT.

When your agent uses it

Any TUI task including components
Keyboard and keymap handling

Example prompts

“/opentui”

Workflow steps

4 steps, taken from the first numbered list in SKILL.md.

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

What it can do on your machine

Read from SKILL.md and the folder at commit 0d61d6d. It shows what the files ask for, not the result of running them.

Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
Shell commands in SKILL.md call:
- bunx
From the folder's file list and the shell code blocks in SKILL.md.
Network
Links to these hosts (documentation or services it may open):
- github.com
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Opentui loads about 2.4k tokens when it runs, and up to ~61k if it reads all its reference files. Until then it costs about 51 tokens; SKILL.md has 477 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it: ~51
When it runs · the whole SKILL.md, loaded when a task matches: ~2.4k
With references · SKILL.md plus every file in references/, read only if the agent opens them: ~61k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from msmps/opentui-skill at commit 0d61d6d, republished under its MIT licence (© msmps). 477 words, ~2,440 tokens.

Download SKILL.mdSave it as .claude/skills/opentui/SKILL.md (or your agent's skills folder). This skill also uses 30 other files; get the full folder from GitHub.

name: opentui
description: OpenTUI skill for building terminal user interfaces with the Core, React, or Solid APIs. Use for any TUI task including components, layout, keyboard and keymap handling, animations, and testing.
metadata.references: core, react, solid, components, layout, keyboard, keymap, animation, testing

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:

Use create-tui for new projects. See framework REFERENCE.md quick starts.
create-tui options must come before arguments. bunx create-tui -t react my-app works, bunx create-tui my-app -t react does NOT.
Never call process.exit() directly. Use renderer.destroy() (see core/gotchas.md).
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:

File	Purpose	When to Read
`REFERENCE.md`	Overview, when to use, quick start	Always read first
`api.md`	Runtime API, components, hooks	Writing code
`configuration.md`	Setup, tsconfig, bundling	Configuring a project
`patterns.md`	Common patterns, best practices	Implementation guidance
`gotchas.md`	Pitfalls, limitations, debugging	Troubleshooting

Cross-cutting concepts in ./references/<concept>/ have REFERENCE.md as the entry point.

Reading Order

Start with REFERENCE.md for your chosen framework
Then read additional files relevant to your task:
- Building components -> api.md + components/<category>.md
- Setting up project -> configuration.md
- Layout/positioning -> layout/REFERENCE.md
- Keyboard/input handling -> keyboard/REFERENCE.md
- Layered keybindings/commands -> keymap/REFERENCE.md
- Animations -> animation/REFERENCE.md
- Troubleshooting -> gotchas.md + testing/REFERENCE.md

Example Paths

./references/react/REFERENCE.md           # Start here for React
./references/react/api.md              # React components and hooks
./references/solid/configuration.md    # Solid project setup
./references/components/inputs.md      # Input, Textarea, Select docs
./references/core/gotchas.md           # Core debugging tips

Runtime Notes

OpenTUI runs on Bun and uses Zig for native builds. Read ./references/core/gotchas.md for runtime requirements and build guidance.

Quick Decision Trees

"Which framework should I use?"

Which framework?
├─ I want full control, maximum performance, no framework overhead
│  └─ core/ (imperative API)
├─ I know React, want familiar component patterns
│  └─ react/ (React reconciler)
├─ I want fine-grained reactivity, optimal re-renders
│  └─ solid/ (Solid reconciler)
└─ I'm building a library/framework on top of OpenTUI
   └─ core/ (imperative API)

"I need to display content"

Display content?
├─ Plain or styled text -> components/text-display.md
├─ Container with borders/background -> components/containers.md
├─ Scrollable content area -> components/containers.md (scrollbox)
├─ Standalone scrollbar -> components/containers.md (scrollbar)
├─ ASCII art banner/title -> components/text-display.md (ascii-font)
├─ PNG/JPEG/WebP/GIF image -> components/text-display.md (image)
├─ First-draw diagnostic -> components/text-display.md (time-to-first-draw)
├─ QR code -> components/text-display.md (qr-code, @opentui/qrcode)
├─ Embedded child terminal/VT output -> components/containers.md (Core only)
├─ Data table with borders/wrapping -> components/code-diff.md (TextTable)
├─ Code with syntax highlighting -> components/code-diff.md
├─ Diff viewer (unified/split, hunk nav) -> components/code-diff.md
├─ Line numbers with diagnostics -> components/code-diff.md
└─ Markdown content (streaming) -> components/code-diff.md (markdown)

"I need user input"

User input?
├─ Single-line text field -> components/inputs.md (input)
├─ Multi-line text editor -> components/inputs.md (textarea)
├─ Select from a list (vertical) -> components/inputs.md (select)
├─ Tab-based selection (horizontal) -> components/inputs.md (tab-select)
├─ Value slider -> components/inputs.md (slider)
├─ Declarative/layered keybindings -> keymap/REFERENCE.md (@opentui/keymap)
└─ Custom keyboard shortcuts -> keyboard/REFERENCE.md

"I need layout/positioning"

Layout?
├─ Flexbox-style layouts (row, column, wrap) -> layout/REFERENCE.md
├─ Absolute positioning -> layout/patterns.md
├─ Responsive to terminal size -> layout/patterns.md
├─ Centering content -> layout/patterns.md
└─ Complex nested layouts -> layout/patterns.md

"I need animations"

Animations?
├─ Timeline-based animations -> animation/REFERENCE.md
├─ Easing functions -> animation/REFERENCE.md
├─ Property transitions -> animation/REFERENCE.md
└─ Looping animations -> animation/REFERENCE.md

"I need to handle input"

Input handling?
├─ Keyboard events (keypress, release) -> keyboard/REFERENCE.md
├─ Layered bindings, commands, leader keys -> keymap/REFERENCE.md
├─ Focus management -> keyboard/REFERENCE.md
├─ Paste events -> keyboard/REFERENCE.md
├─ Mouse events -> components/containers.md
├─ Text selection & copy-on-select -> keyboard/REFERENCE.md (selection)
└─ Host/terminal clipboard service or OSC 52 -> keyboard/REFERENCE.md (clipboard)

"I need to test my TUI"

Testing?
├─ Snapshot testing -> testing/REFERENCE.md
├─ Interaction testing -> testing/REFERENCE.md
├─ Test renderer setup -> testing/REFERENCE.md
└─ Debugging tests -> testing/REFERENCE.md

"I need platform capabilities (audio, images, clipboard, notifications, SSH)"

Platform capability?
├─ Play loaded sound or MP3/FLAC stream -> core/api.md (Audio)
├─ Capture microphone PCM / record WAV -> core/api.md (Audio)
├─ Decode, transform, or display images -> components/text-display.md (image)
├─ Read/write host or terminal clipboard -> keyboard/REFERENCE.md (clipboard)
├─ Desktop notifications (OSC 9/777/99) -> core/api.md (triggerNotification)
├─ Custom stdin/stdout (PTY, xterm.js) -> core/api.md (createCliRenderer)
└─ Serve a TUI over SSH -> core/REFERENCE.md (@opentui/ssh)

"I need to debug/troubleshoot"

Troubleshooting?
├─ Runtime errors, crashes -> <framework>/gotchas.md
├─ Layout issues -> layout/REFERENCE.md + layout/patterns.md
├─ Input/focus issues -> keyboard/REFERENCE.md
└─ Repro + regression tests -> testing/REFERENCE.md

Show full SKILL.md (202 more words)Show less

Troubleshooting Index

Terminal cleanup, crashes -> core/gotchas.md
Text styling not applying -> components/text-display.md
Input focus/shortcuts -> keyboard/REFERENCE.md
Layout misalignment -> layout/REFERENCE.md
Flaky snapshots -> testing/REFERENCE.md

For component naming differences and text modifiers, see components/REFERENCE.md.

Product Index

Frameworks

Framework	Entry File	Description
Core	`./references/core/REFERENCE.md`	Imperative API, all primitives
React	`./references/react/REFERENCE.md`	React reconciler for declarative TUI
Solid	`./references/solid/REFERENCE.md`	SolidJS reconciler for declarative TUI

Cross-Cutting Concepts

Concept	Entry File	Description
Layout	`./references/layout/REFERENCE.md`	Yoga/Flexbox layout system
Components	`./references/components/REFERENCE.md`	Component reference by category
Keyboard	`./references/keyboard/REFERENCE.md`	Low-level keyboard input handling
Keymap	`./references/keymap/REFERENCE.md`	Declarative layered keybindings (`@opentui/keymap`)
Animation	`./references/animation/REFERENCE.md`	Timeline-based animations
Testing	`./references/testing/REFERENCE.md`	Test renderer and snapshots

Component Categories

Category	Entry File	Components
Text & Display	`./references/components/text-display.md`	text, ascii-font, image, time-to-first-draw, styled text, qr-code
Containers	`./references/components/containers.md`	box, scrollbox, scrollbar, embedded-terminal, borders
Inputs	`./references/components/inputs.md`	input, textarea, select, tab-select, slider
Code & Diff	`./references/components/code-diff.md`	code, line-number, diff, markdown, text-table

Additional Packages

Package	Description	Docs
`@opentui/keymap`	Layered keybinding/command engine (Bun or Node, no FFI)	`./references/keymap/REFERENCE.md`
`@opentui/qrcode`	QR code component	`./references/components/text-display.md`
`@opentui/ssh`	Serve a TUI over SSH	`./references/core/REFERENCE.md`
`@opentui/three`	Three.js WebGPU renderer (formerly `core/src/3d`)	upstream `packages/three`
`@opentui/examples`	Runnable examples (formerly `core/src/examples`)	upstream `packages/examples`

Core also ships loaded/streaming/captured Audio, native images, host and terminal clipboard services, and OSC desktop notifications.

Resources

Repository: https://github.com/anomalyco/opentui Core Docs: https://github.com/anomalyco/opentui/tree/main/packages/core/docs Examples: https://github.com/anomalyco/opentui/tree/main/packages/examples/src Awesome List: https://github.com/msmps/awesome-opentui

Files

SKILL.md and 30 other files (references) in skill/opentui of msmps/opentui-skill.

SKILL.md
references/animation/REFERENCE.md
references/components/REFERENCE.md
references/components/code-diff.md
references/components/containers.md
references/components/inputs.md
references/components/text-display.md
references/core/REFERENCE.md
references/core/api.md
references/core/configuration.md
references/core/gotchas.md
references/core/patterns.md
references/keyboard/REFERENCE.md
references/keymap/REFERENCE.md
references/layout
… and 16 more

Open the folder on GitHubat commit 0d61d6d

Used in 1 other repository

We found 1 copy of this SKILL.md (exact, near-identical or edited) in other folders, from 1 other GitHub owner. This page covers the copy in msmps/opentui-skill, which our catalogue first saw on October 7, 2026.

aiskillstore/marketplaceskills/msmps/opentui

Compare with similar skills

Opentui next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Opentui compared with similar skills
Skill	Stars	Used in	Tokens	Auto-check	Licence	Repo updated
Opentui this skillmsmps/opentui-skill	225	1 repos	~2.4k	Automated safety check: Pass	MIT	1 mo ago
Web Artifacts Builderanthropics/skills	180k	41 repos	~769	Automated safety check: Pass	Apache-2.0	3 days ago
React Doctormakeplane/plane	61k	12 repos	~657	Automated safety check: Pass	AGPL-3.0	yesterday
React Router Developmentremix-run/react-router	57k	1 repos	~1.5k	Automated safety check: Pass	MIT	2 days ago
React UI State PatternsChrisWiles/claude-code-showcase	6.1k	8 repos	~1.6k	Automated safety check: Pass	None	9 mo ago
GSAP Core Animationgreensock/gsap-skills	16k	4 repos	~3.7k	Automated safety check: Pass	MIT	2 mo ago

Similar skills

Web Artifacts Builder
anthropics/skills
Official
Builds multi-component claude.ai HTML artifacts as a small React, TypeScript and Tailwind project, then bundles it into one shareable HTML file.
180k GitHub starsUsed in 41 repos~769 tokens
Frontend & DesignAuto-check passed
React Doctor
makeplane/plane
Scans React code for lint, accessibility, bundle size and architecture issues, reports a health score and checks that changes do not lower it.
61k GitHub starsUsed in 12 repos~657 tokens
Frontend & DesignAuto-check passed
React Router Development
remix-run/react-router
Guides work on React Router apps by first identifying whether the app uses Framework, Data or Declarative mode, then loading the matching reference and the installed package docs.
57k GitHub starsUsed in 1 repo~1.5k tokens
Frontend & DesignAuto-check passed
React UI State Patterns
ChrisWiles/claude-code-showcase
Sets patterns for React interfaces: when to show loading spinners or skeletons, how to surface errors, how to disable buttons during async work and how to handle empty lists.
6.1k GitHub starsUsed in 8 repos~1.6k tokens
Frontend & DesignAuto-check passed
GSAP Core Animation
greensock/gsap-skills
Covers the GSAP core API for tweens, easing, staggers, defaults and matchMedia, and when to choose GSAP over CSS animations or other JavaScript animation libraries.
16k GitHub starsUsed in 4 repos~3.7k tokens
Frontend & DesignAuto-check passed
LobeHub Interactive Prototype
lobehub/lobehub
Builds single-file interactive HTML prototypes rendered with the real LobeHub UI components and written as production-style React, so they can later be split into files.
83k GitHub stars~1.6k tokensUpdated today
Frontend & DesignAuto-check passed

Works with

React

Questions about Opentui

What does Opentui do?

OpenTUI skill for building terminal user interfaces with the Core, React, or Solid APIs. Opentui is an agent skill from msmps/opentui-skill. OpenTUI skill for building terminal user interfaces with the Core, React, or Solid APIs.

When should I use Opentui?

Opentui fits situations like: any TUI task including components; keyboard and keymap handling.

How do I install Opentui in Claude Code?

Run `npx skills add msmps/opentui-skill --skill opentui -a claude-code`. Or copy the skill folder (skill/opentui in msmps/opentui-skill) into .claude/skills/opentui in your project. Claude Code loads it when a task matches its description.

How do I install Opentui in Codex?

Run `npx skills add msmps/opentui-skill --skill opentui -a codex`. Or copy the skill folder (skill/opentui in msmps/opentui-skill) into .agents/skills/opentui in your project. Codex loads it when a task matches its description.

Can I use Opentui in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add msmps/opentui-skill --skill opentui -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/opentui, .gemini/skills/opentui, .github/skills/opentui and .opencode/skills/opentui in your project.

What does Opentui need to run?

Going by SKILL.md and its folder, Opentui needs the command-line tools its instructions call (bunx).

Does Opentui access the network?

SKILL.md names 1 domain. As links in the text: github.com. This is read from the text; nothing was executed.

Is Opentui safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Opentui use?

Opentui is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Opentui use?

About 2.4k tokens (SKILL.md is roughly 9.8k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 59k tokens, read only when the agent opens those files.

What are the alternatives to Opentui?

Skills that share tags, products or a category with Opentui: Web Artifacts Builder (anthropics/skills, 180k stars), React Doctor (makeplane/plane, 61k stars), React Router Development (remix-run/react-router, 57k stars) and React UI State Patterns (ChrisWiles/claude-code-showcase, 6.1k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Opentui?

msmps (a GitHub user) maintains it in msmps/opentui-skill, which has 225 GitHub stars. The repository was last updated on August 27, 2026.

Source: msmps/opentui-skill on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.

Install Opentui

Facts

At a glance

What it does

When your agent uses it

Example prompts

Workflow steps

What it can do on your machine

Tool permissions

Runs code

Network

Credentials

Context cost

Safety

SKILL.md

OpenTUI Platform Skill

Critical Rules

How to Use This Skill

Reference File Structure

Reading Order

Example Paths

Runtime Notes

Quick Decision Trees

"Which framework should I use?"

"I need to display content"

"I need user input"

"I need layout/positioning"

"I need animations"

"I need to handle input"

"I need to test my TUI"

"I need platform capabilities (audio, images, clipboard, notifications, SSH)"

"I need to debug/troubleshoot"

Troubleshooting Index

Product Index

Frameworks

Cross-Cutting Concepts

Component Categories

Additional Packages

Resources

Files

Used in 1 other repository

Compare with similar skills

Similar skills

Web Artifacts Builder

React Doctor

React Router Development

React UI State Patterns

GSAP Core Animation

LobeHub Interactive Prototype

Related

Questions about Opentui