2. V2EX
  3. 开源了一个 TUI 设计协议 skill：让 AI 把截图/描述变成 Bubble Tea / Ink / Textual 代码

开源了一个 TUI 设计协议 skill：让 AI 把截图/描述变成 Bubble Tea / Ink / Textual 代码

successlvchao 2026-06-12 08:27 1

最近在折腾终端 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 技能页

最新回复 (7)
  • xiayushengfan 06-12 08:42
    1楼
    点赞一波
  • successlvchao 楼主 06-12 08:49
    2楼
    @xiayushengfan 感谢
  • keakon 06-12 08:58
    3楼
    楼主也没想到这么冷门的赛道也会有用户吧
    https://i.imgur.com/a/x0JNxXg.png
  • saySilence 06-12 09:24
    4楼
    有没有那种适用于 TUI 的 playwright ，可以做视觉验证闭环开发的
  • ssack9 06-12 09:43
    5楼
    为楼主点赞
  • utodea 06-12 10:36
    6楼
    好东西，正好需要。

    https://github.com/honeybadge-labs/virtui
    https://github.com/onesuper/tui-use
    @keakon #4 或许可以看看这两个。

    正在鼓捣一个项目的 tui 测试它们。https://github.com/usewhale/DeepSeek-Code-Whale
  • successlvchao 楼主 06-12 13:08
    7楼
    厉害了👍
* 帖子来源V2EX
附近帖子
返回
飞读
随机推荐