终端用户界面构建

该能力专为开发终端字符用户界面（TUI）设计，基于 OpenTUI 平台规范覆盖 Core 原生命令式、React 声明式及 Solid 细粒度响应式三种开发范式。它能根据具体控制台软件场景，指导开发者使用 Bun 与 create-tui 快速初始化工程，精准选择文本框、滚动容器、代码 Diff、ASCII 字体等终端组件，配置键盘多层快捷键（Keymap）、剪贴板与音频等底层能力，并提供避免直接调用 process.exit() 破坏终端状态等调试避坑指导与快照测试方案。

它会先理解你的原始内容和目标，再按清晰的步骤完成处理。你不需要学习复杂命令，也不用理解背后的技术细节。

常见场景

它能帮你做什么？

三步完成

怎么使用

1安装 Skill

把右侧安装请求发给你的 AI。

2说清楚目标

告诉 AI 你想完成什么，或直接贴入内容。

3检查结果

按需要继续调整语气、范围或格式。

复制就能用

你可以直接这样说

“使用 Bun 和 React 模板初始化一个 OpenTUI 项目，创建一个带左右双栏布局、支持 Tab 键切换焦点的终端数据面板。”

“在 OpenTUI 的 Solid API 下编写一个包含单选菜单 Select 和多行文本输入 Textarea 的终端表单，并接入 @opentui/keymap 绑定全局 ESC 返回键。”

“实现一个通过 OpenTUI TextTable 和 Scrollbox 展示实时系统进程列表的界面，并在退出时正确调用 renderer.destroy() 清理终端。”

适用人群

适合谁？

CLI 工具与终端软件开发者Node.js/Bun 全栈工程师自动化运维与监控工具开发人员终端效率应用创作者

上手门槛

使用难度

进阶

需要了解任务流程，页面已整理好使用步骤。

兼容范围

支持哪些 AI？

Codex可直接使用

Claude Code可直接使用

OpenClaw可直接使用

Hermes可直接使用

国内 Agent可直接使用

中文用户增强

Skill Px 做了什么？

中文说明简化使用方式补充中文案例整理安装流程降低理解难度

终端用户界面构建.Skill