OpenTUI Skill

Справочная документация платформы OpenTUI. Охватывает Core императивный API, React reconciler, Solid reconciler, систему компоновки, компоненты, обработку клавиатуры, анимации и тестирование.

Установка

AI-ассистенты для кодирования

Добавьте скилл в AI-ассистент для расширенного контекста:

npx skills add msmps/opentui-skill

Совместим с Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, Goose, OpenCode и Windsurf.

OpenCode (включая /command)

Локальная установка (только текущий проект):

curl -fsSL https://raw.githubusercontent.com/msmps/opentui-skill/main/install.sh | bash

Глобальная установка (доступна во всех проектах):

curl -fsSL https://raw.githubusercontent.com/msmps/opentui-skill/main/install.sh | bash -s -- --global

Использование

После установки скилл появляется в списке <available_skills> OpenCode. Агент загружает его автоматически при работе с OpenTUI. Используйте команду /opentui для загрузки скилла и получения контекстной подсказки:

/opentui create a React TUI with keyboard navigation

Обновление до последней версии:

/opentui --update-skill

Структура

skill/opentui/
├── SKILL.md              # Манифест + деревья решений
└── references/
    ├── core/             # Императивный API (паттерн 5 файлов)
    ├── react/            # React reconciler
    ├── solid/            # Solid reconciler
    ├── components/       # Категории компонентов
    ├── layout/           # Yoga/Flexbox компоновка
    ├── keyboard/         # Обработка ввода
    ├── animation/        # Timeline анимации
    └── testing/          # Test renderer + снапшоты

command/opentui.md        # Точка входа /opentui

Деревья решений

Основной SKILL.md содержит деревья решений для:

• Выбора фреймворка (Core, React, Solid)
• Отображения контента (текст, контейнеры, код, diff)
• Обработки ввода (inputs, клавиатура, фокус)
• Компоновки и позиционирования (flexbox, absolute, responsive)
• Анимаций (timeline, easing, переходы)
• Тестирования (снапшоты, взаимодействие, отладка)
• Устранения неполадок (подводные камни, частые проблемы)

Охватываемые темы

Фреймворки: Core (императивный), React (декларативный), Solid (fine-grained реактивность)

Компоненты: text, box, scrollbox, input, textarea, select, tab-select, ascii-font, code, line-number, diff

Сквозные темы: компоновка (Yoga/Flexbox), обработка клавиатуры, анимации, тестирование