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

查看 11|回复 0
作者:successlvchao   
最近在折腾终端 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 技能页
  • 您需要登录后才可以回帖 登录 | 立即注册

    返回顶部