SuperAPI AI 工具集

tui-design

设计与创作

查看项目

更新于 10-16 03:15

技能介绍

用途:帮助用户设计、构建、重构、评审和调试终端用户界面(TUI),把 CLI 工具改造成交互式终端应用,或为仪表盘、文件浏览器、日志查看器、管理面板、数据浏览器、表单类 TUI 提供架构、布局与导航建议。

主要能力:强调视觉层级、间距对齐、克制的配色与边框、键盘优先交互和无障碍(不单靠颜色、支持 NO_COLOR 与 TERM=dumb);给出架构规范,要求输入→事件→状态→更新→布局→渲染的管线分离,业务逻辑不进入渲染代码;覆盖 Unicode 与显示宽度(CJK 宽字符、组合符、emoji、ZWJ)、阿拉伯语/希伯来语 RTL 文本处理规则、终端兼容与降级(truecolor→256→16→单色)、布局与 resize、输入处理、测试(单元、快照/黄金、交互、Unicode,均可无 TTY 运行)、性能、错误处理与终端恢复、CLI/TUI 集成及文档要求。

使用方式:技能被触发后先做 3-5 个澄清问题(用途、语言/框架、模式、范围、审美方向),再按代理工作流检查项目、识别框架、增量实现、格式化、测试并实际运行验证。安装按生态给出:Rust 用 cargo add ratatui crossterm;Go 用 go get github.com/charmbracelet/bubbletea(需 go mod init);Python 用 pip install textual(或 uv add textual);TypeScript 用 npm install react ink(或 bun add react ink,Node ≥ 18)。Nix 环境可用 nix shell nixpkgs#go 等命令。

适用场景:终端仪表盘、数据工具、DevOps 单二进制 CLI、监控与高频更新表格、JS 开发工具与引导流程等。

限制:不适用于 Web UI、GUI 或非终端界面,也不适用于无交互的简单 CLI。四个框架均不实现 BiDi/RTL 布局,阿拉伯语支持取决于终端模拟器;屏幕阅读器对 TUI 支持有限,需以结构化纯文本输出作为实际替代。具体收费、价格与效果资料暂未提供。