{
  "markdown": "# OpenTUI Skill\n\nOpenTUI platform reference docs. Covers the Core imperative API, React reconciler, Solid reconciler, layout system, components, keyboard handling, animations, and testing.\n\n## Install\n\n### AI Coding Assistants\n\nAdd the skill to your AI coding assistant for richer context:\n\n```bash\nnpx skills add msmps/opentui-skill\n```\n\nThis works with Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, Goose, OpenCode, and Windsurf.\n\n### OpenCode (inc /command)\n\nLocal installation (current project only):\n\n```bash\ncurl -fsSL https://raw.githubusercontent.com/msmps/opentui-skill/main/install.sh | bash\n```\n\nGlobal installation (available in all projects):\n\n```bash\ncurl -fsSL https://raw.githubusercontent.com/msmps/opentui-skill/main/install.sh | bash -s -- --global\n```\n\n## Usage\n\nOnce installed, the skill appears in OpenCode's `<available_skills>` list. The agent loads it automatically when working on OpenTUI tasks.\n\nUse the `/opentui` command to load the skill and get contextual guidance:\n\n```\n/opentui create a React TUI with keyboard navigation\n```\n\n### Updating\n\nTo update to the latest version:\n\n```\n/opentui --update-skill\n```\n\n## Structure\n\nThe installer adds both a skill and a command:\n\n```\n# Skill (reference docs)\nskill/opentui/\n├── SKILL.md              # Main manifest + decision trees\n└── references/           # Framework and concept subdirectories\n    ├── core/             # Imperative API (5-file pattern)\n    ├── react/            # React reconciler (5-file pattern)\n    ├── solid/            # Solid reconciler (5-file pattern)\n    ├── components/       # Component categories\n    ├── layout/           # Yoga/Flexbox layout\n    ├── keyboard/         # Low-level input handling\n    ├── keymap/           # Declarative layered keybindings\n    ├── animation/        # Timeline animations\n    └── testing/          # Test renderer + snapshots\n\n# Command (slash command)\ncommand/opentui.md        # /opentui entrypoint\n```\n\n### Decision Trees\n\nThe main `SKILL.md` contains decision trees for:\n- Choosing a framework (Core, React, Solid)\n- Displaying content (text, containers, code, diffs)\n- Handling user input (inputs, keyboard, focus)\n- Layout and positioning (flexbox, absolute, responsive)\n- Animations (timeline, easing, transitions)\n- Testing (snapshots, interaction, debugging)\n- Troubleshooting (gotchas, common issues)\n\n## Topics Covered\n\n**Frameworks**: Core (imperative), React (declarative), Solid (fine-grained reactivity)\n\n**Components**: text, box, scrollbox, scrollbar, input, textarea, select, tab-select, slider, ascii-font, image, embedded-terminal, time-to-first-draw, code, line-number, diff, markdown, qr-code\n\n**Cross-cutting**: Layout (Yoga/Flexbox), Keyboard handling, Keymap, Animations, Testing\n\n**Additional capabilities**: `@opentui/keymap`, `@opentui/qrcode`, `@opentui/ssh`, loaded/streaming/captured audio, host and terminal clipboards, native images, OSC notifications\n\n**Runtime**: Bun (reference) or Node.js 26.4.0+ (`--experimental-ffi` for the native renderer)\n\n## Credits & Inspiration\n\nThis skill's structure and patterns are heavily inspired by:\n\n- **[cloudflare-skill](https://github.com/dmmulroy/cloudflare-skill)** by [Dillon Mulroy](https://github.com/dmmulroy) — an excellent example of a platform skill, demonstrating decision trees, progressive disclosure, and the multi-file reference pattern.\n\n- **[Anatomy of an Excellent OpenCode Skill](https://jpcaparas.medium.com/anatomy-of-an-excellent-opencode-skill-lessons-from-cloudflare-skill-0f853babc471)** by [JP Caparas](https://medium.com/@jpcaparas) — an insightful breakdown of what makes cloudflare-skill effective, covering context management, troubleshooting indexes, and intent-based routing.\n\n## License\n\nMIT - see [LICENSE](LICENSE)\n\n---\n\n**Upstream**: `anomalyco/opentui` | **Last synced commit**: `fbd584b2` | **Date**: 2026-08-27\n",
  "bytes": 3873,
  "sha": "e13eb909cdac5e8f38b3606a54a06ffedde6c5b8c0d62333714cef0790d645bc",
  "repo_slug": "msmps/opentui-skill",
  "fonte": "repo",
  "truncated": false,
  "api": "https://agentalog.com/api/listings/skl_msmps_opentui_skill_opentui_b35edd32/readme"
}