ClaudeMap

Birdview

让 AI 编码 agent 在动第一行代码之前先画出架构、声明影响范围的 skill——成果是一张可直接打开的独立 HTML 架构地图。

技能与命令skillarchitecturecode-visualizationchange-scopereview

Birdview 是一个面向 AI 编码 agent 的 skill:动手前先让 agent 画出项目架构、声明本次任务会波及哪些模块与文件,并记录每条判断背后的源码证据;然后对照这张图实施,并如实记录它真正跑过的检查。产出是单个可交互 HTML 页面——系统地图、当前变更范围、源码证据、全架构对照与验证结果放在同一布局里,带明暗主题、关系过滤、模块详情和中英双语控件——由 .birdview/architecture.json 加活动记录生成。不依赖任何部署服务、也不常驻监听 agent 行为:它是对 Git diff、测试与 code review 的补充,不是替代。经第三方 skills CLI 安装,安装指南覆盖 Codex、Claude Code 与 DeepSeek Harness。v0.2.1,Node 18+,MIT,中英双语文档。

它做什么

  • 动手前的架构地图:模块与其职责、agent 计划触碰的文件、每条判断背后的源码证据,同页呈现
  • 独立可交互 HTML——明暗主题、关系过滤、模块详情、双语控件;双击即开,无需任何服务
  • 验证记录与计划并列:agent 实际跑过的检查、通过与否,一目了然
  • 页面生成前对架构数据与活动记录做结构与一致性校验

什么时候用

审查 AI 改动、希望在实施完成前就拦住范围错误的人——尤其在大型代码库里,「这次到底会动哪些文件」正是第一个该问的问题。

如何上手

# 第三方 skills CLI:
npx skills add Qiuner/birdview --skill birdview

# 然后发起任务,例如:
#   用 Birdview 展示本项目的架构;不要改代码。
# 预期产出 .birdview/architecture.json + 一张可在浏览器打开的 HTML 架构图

注意事项

MIT,v0.2.1。Birdview 不会自动监听 agent 的每个动作,也不替代 Git diff、测试与 code review——地图的边界就是 agent 自己声明的计划。README 中的截图来自仓库自带的虚构 agent harness,并非真实生产环境的活动记录。Node 18+;安装指南覆盖 Codex、Claude Code 与 DeepSeek Harness。

代码仓库

Qiuner/birdview

收录日期

地图上的相关资源

  • 归藏的 Agent Skill:把代码库的最近更新做成一支成片宣传片——接真实组件、代码渲染动画、代码写配乐,全程不碰视频剪辑软件。

    • agent-skill
    • video
    • promo
    • marketing
  • 一个给「图里没有任何文字线索」的照片做地理定位的 Agent Skill——用 OSM 几何、高程天际线与卫星瓦片,把「这是哪」变成带误差半径的测量答案。

    • agent-skill
    • geolocation
    • osint
    • openstreetmap
  • Anthropic 官方 K-12 教学 skills——备课、分层教学、课前准备与形成性检测,附评测框架。

    • official
    • anthropic
    • education
    • skills