AI导哈

前端开发

opentui

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.

  • 6.4万 次安装
  • 228 星标
  • 收录于

安装命令

npx skills add https://github.com/msmps/opentui-skill --skill opentui

要点

Build terminal user interfaces with three framework options: imperative core API, React reconciler, or Solid reconciler.

  • Three frameworks to choose from: core (maximum control), React (familiar component patterns), or Solid (fine-grained reactivity)
  • Comprehensive component library covering text display, containers, inputs, code/diff viewers, layout, keyboard handling, animations, and testing
  • Critical rules include using create-tui for new projects, avoiding process.exit(), and nesting text styling tags in React/Solid
  • Organized reference structure with framework-specific guides (REFERENCE.md, api.md, configuration.md, patterns.md, gotchas.md) plus cross-cutting concept guides for layout, keyboard, animation, and testing

SKILL.md

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.