跳到正文
ccmods.app

flowpane

把 Claude Code 的 workflow 运行实时绘制成 pane 中的图:阶段为列,agent 为节点。

作者 @mpolatcan9更新于 中等访问GitHub

安装

  1. 在终端执行(提示添加 marketplace 时输入 y)

    $ claude plugin install flowpane --marketplace mpolatcan/flowpane

已在会话中?在 Claude Code 输入框里输入:

$ /plugin install flowpane --marketplace mpolatcan/flowpane

选择作用域后立即生效。需要 Claude Code 2.1.287 或更高版本,在终端执行。完整安装指南

flowpane 运行截图
图片来自项目 README

flowpane 能做什么?

  • 在 pane 中把运行中的 workflow 画成实时图:阶段为列,agent 为节点
  • 节点按状态着色,显示名称、耗时、花费和模型
  • 点击节点弹出对话框,显示其 prompt、每次工具调用和结果
  • 四种布局(across、down、timeline、list)和十二套配色
  • /flowpane 切换 pane 显示

需要什么?

  • Claude Code 2.1.287 或更高版本(终端)
  • 需全屏 TUI(/tui fullscreen);/tui default 下 pane 不会绘制

这个 mod 能访问什么?

以下内容由 claude plugin validate 在 Claude Code 2.1.296 上读取 mod 代码得出(同步于 2026年10月12日)。这是能力清单,不是安全审计;mod 以你的权限运行,请只安装可信作者的 mod。

中等访问
  • 拦截或改写工具调用
  • 读取文件
  • 读取环境变量或设置
Hook 与接口调用 (10 + 16)

hooks

  • command.run{command=flowpane}
  • session.start
  • tool.call
  • tool.call{tool=Workflow}
  • turn.step
  • ui.close{id=flowpane}
  • ui.press{plugin=flowpane}
  • ui.render{component=Pane}
  • ui.scroll{requestId=flowpane}
  • ui.select{plugin=flowpane}

calls

  • $.clock.every
  • $.clock.now
  • $.command.register
  • $.env.get
  • $.fs.exists
  • $.fs.list
  • $.fs.read
  • $.fs.stat
  • $.session.id
  • $.store.get
  • $.store.set
  • $.ui.blit
  • $.ui.close
  • $.ui.invalidate
  • $.ui.open
  • $.ui.resolve

怎样卸载 flowpane?

$ claude plugin uninstall flowpane

只想暂时关闭:claude plugin disable 加同一个名称。

human-in-the-loop

tzafrir/human-in-the-loop

22

Claude 把只有你能做的事分派成任务,在 My tasks pane 中等待你处理,答复回传给 Claude。

界面提示词工具调用广泛访问
$ claude plugin install human-in-the-loop --marketplace tzafrir/human-in-the-loop

gsd-status-mod

helenkwok/gsd-status-mod

6

为 GSD 项目提供只读实时 pane:路线图、agent 树、上下文与成本、阻塞项和 .planning 阅读器。

界面工具调用命令中等访问
$ claude plugin install gsd-status-mod --marketplace helenkwok/gsd-status-mod

skins

hellosverre/claude-skins

104

重绘 Claude Code 对话界面:工具调用、diff、表格、代码和 Mermaid 图表变为卡片,提供 15 套 skin。

界面提示词工具调用广泛访问
$ claude plugin install skins --marketplace hellosverre/claude-skins