OpenTUI 平台 Skill

msmps/opentui-skill

使用 Core、React 或 Solid 参考资料,通过 OpenTUI 构建终端用户界面。

最近更新于:

查看 GitHub 项目
npx skills add msmps/opentui-skill --skill opentui
229Stars9Forks仓库最近推送

安装并使用 Skill

  1. 安装 Skill

    安装上游 Skill 及其框架与概念参考文件。

    npx skills add msmps/opentui-skill --skill opentui
  2. 描述终端界面

    说明希望使用的框架、交互和目标终端环境。

    创建一个 OpenTUI React 仪表盘,包含列表、详情面板和键盘导航,并说明如何测试交互。

关于这个 Skill

选择 OpenTUI 框架,并使用对应任务参考资料构建终端应用的组件、布局与键盘交互。

为什么推荐

将终端界面任务引导至组件、布局、键盘输入、动画和测试参考资料。

适合用来做什么

  • 使用 React 或 Solid 构建支持键盘导航的终端仪表盘。
  • 查找 OpenTUI 布局、输入处理或测试渲染的参考模式。

适用范围与限制

该 Skill 提供参考指引;目标项目仍需安装 OpenTUI 及所选框架。上游 README 记录了参考资料所依据的框架版本。

文档还介绍了可能记录终端原始输入的可选调试功能;启用前请核对其配置。

使用前需要了解

  • 需要可读取配套参考资料的编程 Agent 和 OpenTUI 项目。上游 README 列出 Bun,或使用带实验性 FFI 的 Node.js 26.4.0+ 运行原生渲染器;请以当前 OpenTUI 文档为准核对平台和构建要求。

资料与来源

原始资料见下方链接;文中的上手建议由 SkillHey 编辑整理。