菜单
Comprehensive OpenTUI skill for building terminal user interfaces. Covers the core imperative API, React reconciler, and Solid reconciler. Use for any TUI development task including components, layout, keyboard handling, animations, and testing.
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/evanfang0054/cc-system-creator-scripts --skill opentui命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
Mac 系统深度清理和优化工具。使用 Mole (mo 命令) 执行系统清理、磁盘分析、应用卸载、系统优化等任务。 触发场景（当用户提到以下任一内容时使用此 skill）： - 清理 Mac、清理磁盘、释放空间、清理缓存、清理系统 - 卸载应用、删除应用、移除应用及其残留 - 磁盘分析、查看磁盘占用、大文件查找、空间分析 - 系统优化、系统维护、刷新系统、重建缓存 - 系统状态、系统监控、CPU/内存/磁盘监控 - 清理 node_modules、清理构建产物、清理项目依赖 - 清理安装包、删除 dmg/pkg 文件 - Mac 清理工具、类似 CleanMyMac 的功能 - "我的 Mac 太慢了"、"磁盘空间不足"、"电脑卡顿" - 即使没有明确说 "Mole"，只要涉及上述场景就应使用
构建 CLI / command-line 工具时使用，支持两种模式。模式 A 人类 CLI（终端 UX、彩色、交互式提示、进度条、Shell 自动补全），关键词包括 commander / yargs / oclif / typer / click / cobra。模式 B agent-native CLI（JSON envelope / schema 自省 / dry-run 写入安全 / 契约驱动），关键词包括 agent-native CLI、JSON envelope、friction signal。混合场景默认走 B（agent 约束更严格）。只要用户提到 CLI、command-line、命令行工具、agent-native、envelope、schema、friction signal，或要给 agent 提供可调用的 CLI 工具，就应主动使用此 skill。
快速搭建和配置 pnpm monorepo 项目结构，包含 TypeScript、tsup 构建、私有 npm registry 配置。当用户需要"创建 monorepo"、"初始化 monorepo 项目"、"配置 pnpm workspace"、"设置 monorepo 构建"、"monorepo setup"时使用。特别适合需要统一管理多个包、配置构建工具、处理 TypeScript 路径问题的场景。即使用户只是说"帮我搭建项目结构"或"配置构建"，如果涉及多包管理也应该使用此 skill。
正在显示 SKILL.md
基于 SOC 职业分类
| name | opentui |
| description | Comprehensive OpenTUI skill for building terminal user interfaces. Covers the core imperative API, React reconciler, and Solid reconciler. Use for any TUI development task including components, layout, keyboard handling, animations, and testing. |
| metadata | {"references":"core, react, solid"} |
使用 OpenTUI 构建终端用户界面的综合技能。使用下面的决策树找到合适的框架和组件，然后加载详细的参考文档。
在所有 OpenTUI 代码中遵循这些规则：
create-tui 创建新项目。 参见框架 REFERENCE.md 快速入门。create-tui 选项必须在参数之前。 bunx create-tui -t react my-app 有效，bunx create-tui my-app -t react 无效。process.exit()。 使用 renderer.destroy()（参见 core/gotchas.md）。components/text-display.md）。框架参考文档遵循 5 文件模式。跨领域概念是单文件指南。
./references/<framework>/ 中的每个框架包含：
| 文件 | 用途 | 何时阅读 |
|---|---|---|
REFERENCE.md | 概述、何时使用、快速入门 | 始终首先阅读 |
api.md | 运行时 API、组件、钩子 | 编写代码时 |
configuration.md | 设置、tsconfig、打包 | 配置项目时 |
patterns.md | 常见模式、最佳实践 | 实现指导 |
gotchas.md | 陷阱、限制、调试 | 故障排除时 |
./references/<concept>/ 中的跨领域概念以 REFERENCE.md 为入口点。
REFERENCE.md 开始api.md + components/<category>.mdconfiguration.mdlayout/REFERENCE.mdgotchas.md + testing/REFERENCE.md./references/react/REFERENCE.md # React 从这里开始
./references/react/api.md # React 组件和钩子
./references/solid/configuration.md # Solid 项目设置
./references/components/inputs.md # Input、Textarea、Select 文档
./references/core/gotchas.md # 核心调试技巧
OpenTUI 在 Bun 上运行，并使用 Zig 进行原生构建。阅读 ./references/core/gotchas.md 了解运行时要求和构建指南。
哪个框架？
├─ 我想要完全控制、最大性能、无框架开销
│ └─ core/ (命令式 API)
├─ 我了解 React，想要熟悉的组件模式
│ └─ react/ (React reconciler)
├─ 我想要细粒度响应性、最佳重渲染
│ └─ solid/ (Solid reconciler)
└─ 我正在 OpenTUI 之上构建库/框架
└─ core/ (命令式 API)
显示内容？
├─ 纯文本或样式文本 -> components/text-display.md
├─ 带边框/背景的容器 -> components/containers.md
├─ 可滚动内容区域 -> components/containers.md (scrollbox)
├─ ASCII 艺术横幅/标题 -> components/text-display.md (ascii-font)
├─ 带语法高亮的代码 -> components/code-diff.md
├─ 差异查看器（统一/拆分） -> components/code-diff.md
└─ 带诊断的行号 -> components/code-diff.md
用户输入？
├─ 单行文本字段 -> components/inputs.md (input)
├─ 多行文本编辑器 -> components/inputs.md (textarea)
├─ 从列表中选择（垂直） -> components/inputs.md (select)
├─ 基于标签的选择（水平） -> components/inputs.md (tab-select)
└─ 自定义键盘快捷键 -> keyboard/REFERENCE.md
布局？
├─ Flexbox 样式布局（行、列、换行） -> layout/REFERENCE.md
├─ 绝对定位 -> layout/patterns.md
├─ 响应终端大小 -> layout/patterns.md
├─ 内容居中 -> layout/patterns.md
└─ 复杂嵌套布局 -> layout/patterns.md
动画？
├─ 基于时间轴的动画 -> animation/REFERENCE.md
├─ 缓动函数 -> animation/REFERENCE.md
├─ 属性过渡 -> animation/REFERENCE.md
└─ 循环动画 -> animation/REFERENCE.md
输入处理？
├─ 键盘事件（按键、释放） -> keyboard/REFERENCE.md
├─ 焦点管理 -> keyboard/REFERENCE.md
├─ 粘贴事件 -> keyboard/REFERENCE.md
├─ 鼠标事件 -> components/containers.md
└─ 文本选择 -> components/text-display.md
测试？
├─ 快照测试 -> testing/REFERENCE.md
├─ 交互测试 -> testing/REFERENCE.md
├─ 测试渲染器设置 -> testing/REFERENCE.md
└─ 调试测试 -> testing/REFERENCE.md
故障排除？
├─ 运行时错误、崩溃 -> <framework>/gotchas.md
├─ 布局问题 -> layout/REFERENCE.md + layout/patterns.md
├─ 输入/焦点问题 -> keyboard/REFERENCE.md
└─ 复现 + 回归测试 -> testing/REFERENCE.md
core/gotchas.mdcomponents/text-display.mdkeyboard/REFERENCE.mdlayout/REFERENCE.mdtesting/REFERENCE.md有关组件命名差异和文本修饰符，请参见 components/REFERENCE.md。
| 框架 | 入口文件 | 描述 |
|---|---|---|
| Core | ./references/core/REFERENCE.md | 命令式 API、所有原语 |
| React | ./references/react/REFERENCE.md | 声明式 TUI 的 React reconciler |
| Solid | ./references/solid/REFERENCE.md | 声明式 TUI 的 SolidJS reconciler |
| 概念 | 入口文件 | 描述 |
|---|---|---|
| 布局 | ./references/layout/REFERENCE.md | Yoga/Flexbox 布局系统 |
| 组件 | ./references/components/REFERENCE.md | 按类别分类的组件参考 |
| 键盘 | ./references/keyboard/REFERENCE.md | 键盘输入处理 |
| 动画 | ./references/animation/REFERENCE.md | 基于时间轴的动画 |
| 测试 | ./references/testing/REFERENCE.md | 测试渲染器和快照 |
| 类别 | 入口文件 | 组件 |
|---|---|---|
| 文本与显示 | ./references/components/text-display.md | text、ascii-font、styled text |
| 容器 | ./references/components/containers.md | box、scrollbox、borders |
| 输入 | ./references/components/inputs.md | input、textarea、select、tab-select |
| 代码与差异 | ./references/components/code-diff.md | code、line-number、diff |
仓库: https://github.com/anomalyco/opentui 核心文档: https://github.com/anomalyco/opentui/tree/main/packages/core/docs 示例: https://github.com/anomalyco/opentui/tree/main/packages/core/src/examples 精选列表: https://github.com/msmps/awesome-opentui