最近在折腾终端 UI （ TUI ），发现用 AI 生成界面时有个很烦的问题：它经常把布局比例、边框、响应式搞错，不同框架（ Bubble Tea 、Ink 、Textual ）的写法也不一样，改来改去很头大。

于是写了一个结构化的 TUI 设计协议仓库 designing-tuis，核心想法是把 TUI 设计拆成一套可复现的流程，而不是每次都让 AI 自由发挥。

里面有什么

• 双路径工作流：截图/描述 → 3 阶段分解 → 直接生成框架代码，或者先出 .tui schema 再转多框架代码
• 组件速查表、布局推断规则、颜色无障碍指南
• Bubble Tea / Ink / Textual 的 schema→code 映射
• 响应式比例、渲染稳定性（防残影）、迭代对比协议

适合谁

• 想用 AI 做 TUI 但受不了一直修布局的
• 需要把设计稿转成多个终端框架代码的
• 想给团队定一套 TUI 设计规范的

这个仓库本身是文档/协议，没有渲染工具，主要是给 AI 或人当参考用。欢迎 issue 和 PR ，也欢迎分享你生成 TUI 时踩过的坑。

GitHub 仓库

Clawhub 技能页