爱意满满的作品展示区。
terryso
0.62D
0.71D

[分享] CC Live - 围观别人用 Claude Code 写代码,实时直播 AI 编程过程

  •  1
     
  •   terryso ·
    terryso · Apr 8 · 1793 views
    This topic created in 36 days ago, the information mentioned may be changed or developed.

    想看别人是怎么用 Claude Code 写代码的?或者想开一个 AI 编程直播教学?CC Live 就是干这个的。

    它是什么

    一个单文件 Node.js 服务器,零依赖。启动后把你正在运行的 Claude Code 会话实时推送到浏览器,别人打开链接就能围观你写代码的全过程。

    核心功能

    • 实时围观 — 基于 SSE 流式推送,消息、思考过程、工具调用实时可见,跟现场看一样的体验
    • 自动发现项目 — 从 ~/.claude/projects/ 读取所有 Claude Code 项目,侧边栏一目了然
    • 一键分享 — 通过 ngrok / Cloudflare Tunnel 生成带 token 的分享链接,发给任何人围观,随时可撤回
    • 敏感数据脱敏 — 内置 API Key 、Token 、密码等自动过滤,放心分享
    • 暗色主题 — 适合长时间观看,移动端也能用

    快速开始

    node server.js
    open http://localhost:3456/
    

    然后点分享按钮,把链接发出去就行了。

    适用场景

    • 编程直播教学 — 老师用 Claude Code 写代码,学生实时围观思考链路和工具调用过程
    • 团队围观 — 团队成员可以实时观看 AI 编程过程,学习和 Code Review
    • AI 编程直播 — 像 Twitch 直播一样,但播的是 AI 写代码
    1. 项目地址:https://github.com/terryso/cc-live
    2. CC-LIVE 项目开发围观地址: https://magali-flockless-rufina.ngrok-free.dev/?t=263643f46e602c190349472b

    MIT 协议,欢迎 star 和 PR 🎉

    2 replies    2026-04-08 18:11:47 +08:00
    cwr31
        1
    cwr31  
       Apr 8
    只有 tui 的内容,会缺少构建出来的页面/app 的 view 吧,只看对话没办法代入问题
    terryso
        2
    terryso  
    OP
       Apr 8
    @cwr31 所以可能要配合直播才行
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   1097 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 48ms · UTC 18:22 · PVG 02:22 · LAX 11:22 · JFK 14:22
    ♥ Do have faith in what you're doing.