Skip to content

Commit bb84a96

Browse files
committed
feat(site): redesign landing page and documentation
1 parent 1ee148e commit bb84a96

183 files changed

Lines changed: 5550 additions & 1969 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎README.md‎

Lines changed: 16 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
# Claude Code Haha
1+
# cc-haha
22

33
<p align="center">
44
<img src="docs/images/readme-cover-en.jpg" alt="cc-haha — Open-source desktop for Claude Code" width="960">
@@ -19,7 +19,7 @@
1919

2020
</div>
2121

22-
Claude Code Haha is a **desktop Claude Code workspace** for macOS, Windows, and Linux: multi-session workspaces, global search, branch / Worktree launch, diff review, built-in browser preview, GUI permission approval, any model — Claude, ChatGPT, Grok, presets, or local endpoints — image generation, visual MCP & SubAgent managers, an Agent Teams workbench, dynamic Workflow orchestration, model trace, Computer Use, skill marketplace, colour themes, desktop pets, H5 remote access, IM integration, and scheduled tasks, all in one app.
22+
cc-haha is a **desktop Claude Code workspace** for macOS, Windows, and Linux: multi-session workspaces, global search, branch / Worktree launch, diff review, built-in browser preview, GUI permission approval, any model — Claude, ChatGPT, Grok, presets, or local endpoints — image generation, visual MCP & SubAgent managers, an Agent Teams workbench, dynamic Workflow orchestration, model trace, Computer Use, skill marketplace, colour themes, desktop pets, H5 remote access, IM integration, and scheduled tasks, all in one app. **On macOS, Computer Use can operate other apps without taking over your physical mouse or keyboard.**
2323

2424
<p align="center">
2525
<a href="#desktop-preview">Desktop Preview</a> · <a href="#install-the-desktop-app">Install</a> · <a href="#desktop-highlights">Highlights</a> · <a href="#more-documentation">More Docs</a> · <a href="#sponsorship--partnership">Sponsorship</a> · <a href="#user-group">User Group</a>
@@ -33,19 +33,25 @@ Claude Code Haha is a **desktop Claude Code workspace** for macOS, Windows, and
3333
<a href="https://github.com/NanmiCoder/cc-haha/releases"><img src="https://img.shields.io/badge/⬇_Download_Desktop-macOS_%7C_Windows_%7C_Linux-FF7A00?style=for-the-badge" alt="Download Desktop"></a>
3434
</p>
3535

36+
The top row covers **getting started and daily work**: sessions, permissions, changes, and Computer Use. The second shows **extensions**: models, skills, scheduled tasks, and IM. These screenshots show the real project in the Chinese interface. Click a thumbnail to see the full screen.
37+
3638
<table>
3739
<tr>
38-
<td align="center" width="33.33%"><img src="docs/images/app/en/session-new.webp" alt="Empty desktop session before the first task"><br><b>Start with a clear, empty session</b><br><sub>Project and permissions stay visible</sub></td>
39-
<td align="center" width="33.33%"><img src="docs/images/app/en/session-main.webp" alt="Real task running with the Activity panel open"><br><b>Follow the task as it runs</b><br><sub>Tool calls and stage-by-stage progress stay in view</sub></td>
40-
<td align="center" width="33.33%"><img src="docs/images/app/en/workspace-diff.webp" alt="Workspace diff review"><br><b>See exactly what changed</b><br><sub>A focused, full-width syntax-highlighted diff</sub></td>
40+
<td align="center" valign="top" width="25%"><a href="docs/images/app/en/session-new.webp"><img src="docs/images/readme-features/en/session-new.webp" width="100%" alt="New session with project, permission, and model choices"></a><br><b>01 · Start a session</b><br>Pick a project and permissions</td>
41+
<td align="center" valign="top" width="25%"><a href="docs/images/app/en/permission-modes.webp"><img src="docs/images/readme-features/en/permission-modes.webp" width="100%" alt="Choose one of five permission modes in a real project session"></a><br><b>02 · Set permissions</b><br>Control what each task can do</td>
42+
<td align="center" valign="top" width="25%"><a href="docs/images/app/en/workspace-diff.webp"><img src="docs/images/readme-features/en/workspace-diff.webp" width="100%" alt="Review a code diff file by file in the workspace"></a><br><b>03 · Review changes</b><br>Inspect each file's diff</td>
43+
<td align="center" valign="top" width="25%"><a href="docs/images/app/en/settings-computer-use.webp"><img src="docs/images/readme-features/en/computer-use.webp" width="100%" alt="macOS Computer Use settings with enabled status and Accessibility and Screen Recording permissions"></a><br><b>04 · Computer Use</b><br>Keep your Mac mouse and keyboard free</td>
4144
</tr>
4245
<tr>
43-
<td align="center" width="33.33%"><img src="docs/images/app/en/workspace-preview.webp" alt="Built-in browser previewing the page that was just changed"><br><b>Verify on the spot</b><br><sub>The real edited page in the built-in browser</sub></td>
44-
<td align="center" width="33.33%"><img src="docs/images/app/en/model-picker.webp" alt="Model picker showing providers, presets, and local endpoints"><br><b>Choose the exact model</b><br><sub>Your providers, presets, and local endpoints in one list</sub></td>
45-
<td align="center" width="33.33%"><img src="docs/images/app/en/skill-market.webp" alt="Skill marketplace"><br><b>Missing a trick? Install it</b><br><sub>Source and safety status shown up front</sub></td>
46+
<td align="center" valign="top" width="25%"><a href="docs/images/app/en/settings-provider-add.webp"><img src="docs/images/readme-features/en/settings-provider-add.webp" width="100%" alt="Add a model provider using a preset and endpoint URL"></a><br><b>05 · Connect models</b><br>Use presets or local endpoints</td>
47+
<td align="center" valign="top" width="25%"><a href="docs/images/app/en/skill-market.webp"><img src="docs/images/readme-features/en/skill-market.webp" width="100%" alt="Browse skills and inspect their sources"></a><br><b>06 · Add skills</b><br>Install what a task needs</td>
48+
<td align="center" valign="top" width="25%"><a href="docs/images/app/en/schedule-create.webp"><img src="docs/images/readme-features/en/schedule-create.webp" width="100%" alt="Create a scheduled task in its own session"></a><br><b>07 · Schedule tasks</b><br>Automate recurring work</td>
49+
<td align="center" valign="top" width="25%"><a href="docs/images/app/en/settings-im.webp"><img src="docs/images/readme-features/en/settings-im.webp" width="100%" alt="Configure Slack in the IM access settings"></a><br><b>08 · Work remotely</b><br>Continue through IM</td>
4650
</tr>
4751
</table>
4852

53+
Start here: [install the app](docs/en/start/install.md) → [connect a model](docs/en/start/models.md) → [run your first session](docs/en/start/first-session.md) → [explore settings](docs/en/desktop/settings.md) → [try real workflows](docs/en/cases/index.md). For hands-free cross-app work on macOS, follow the [Computer Use guide](docs/en/desktop/computer-use.md).
54+
4955
---
5056

5157
## Sponsorship & Partnership
@@ -173,7 +179,7 @@ If this project helps you, consider buying me a coffee — every bit of support
173179
- **Agent Teams workbench**: visualize multi-agent collaboration in the GUI — members, tasks, a communication feed, and a dependency-lane canvas.
174180
- **Dynamic Workflow orchestration**: the model writes and runs orchestration scripts on the fly, driving subagents concurrently or in pipelines, with phase views, interrupts, and resume.
175181
- **Model trace**: every model request is logged locally with status and timing — search and filter to diagnose stuck or failed calls.
176-
- **Computer Use**: let the agent take screenshots, click, type, and control desktop apps after authorization.
182+
- **Computer Use**: let the agent take screenshots, click, type, and control desktop apps after authorization; the native macOS runtime does not take over your physical mouse or keyboard.
177183
- **Desktop pets**: Dada, Huhu, Bubu, and Huihui change what they do with the task at hand — or raise one of your own (off by default).
178184
- **H5 remote access**: scan a QR code to continue the session in your phone browser; locking the screen won't kill a running task.
179185
- **IM integration**: chat, switch projects, and approve actions through Telegram / Feishu / WeChat / DingTalk / WhatsApp / WeCom / QQ / Slack.
@@ -221,7 +227,7 @@ Thanks to the following open-source projects and community practices for referen
221227

222228
## ⭐ Star History
223229

224-
If this project helps you, please support it with a ⭐ Star so more people can discover Claude Code Haha.
230+
If this project helps you, please support it with a ⭐ Star so more people can discover cc-haha.
225231

226232
<a href="https://www.repostars.dev/?repos=NanmiCoder%2Fcc-haha&theme=ocean">
227233
<img alt="Star History Chart" src="https://www.repostars.dev/api/embed?repo=NanmiCoder%2Fcc-haha&theme=ocean" />

‎README.zh-CN.md‎

Lines changed: 16 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
# Claude Code Haha
1+
# cc-haha
22

33
<p align="center">
44
<img src="docs/images/readme-cover-zh.jpg" alt="cc-haha — Claude Code 开源桌面端" width="960">
@@ -19,7 +19,7 @@
1919

2020
</div>
2121

22-
Claude Code Haha 是一个**桌面端 Claude Code 工作台**:多会话与全局搜索、分支 / Worktree 启动、Diff 审阅、内置浏览器预览、图形化权限审批、模型自选(Claude / ChatGPT / Grok / 预设 / 本地端点)、图片生成、MCP 与 SubAgent 可视化管理、Agent Teams 协作工作台、动态 Workflow 编排、模型请求追踪、Computer Use、技能市场、多主题、桌面宠物、H5 远程访问、IM 接入和定时任务,集中在一个 macOS / Windows / Linux APP 里。
22+
cc-haha 是一个**桌面端 Claude Code 工作台**:多会话与全局搜索、分支 / Worktree 启动、Diff 审阅、内置浏览器预览、图形化权限审批、模型自选(Claude / ChatGPT / Grok / 预设 / 本地端点)、图片生成、MCP 与 SubAgent 可视化管理、Agent Teams 协作工作台、动态 Workflow 编排、模型请求追踪、Computer Use、技能市场、多主题、桌面宠物、H5 远程访问、IM 接入和定时任务,集中在一个 macOS / Windows / Linux APP 里。**在 macOS 上,Computer Use 能操作其他应用,同时不占用你的真实鼠标和键盘。**
2323

2424
<p align="center">
2525
<a href="#桌面端预览">桌面端预览</a> · <a href="#安装桌面端">安装桌面端</a> · <a href="#桌面端亮点">桌面端亮点</a> · <a href="#更多文档">更多文档</a> · <a href="#赞助与合作">赞助与合作</a> · <a href="#用户交流群">用户交流群</a>
@@ -33,19 +33,25 @@ Claude Code Haha 是一个**桌面端 Claude Code 工作台**:多会话与全
3333
<a href="https://github.com/NanmiCoder/cc-haha/releases"><img src="https://img.shields.io/badge/⬇_下载桌面端-macOS_%7C_Windows_%7C_Linux-FF7A00?style=for-the-badge" alt="下载桌面端"></a>
3434
</p>
3535

36+
上排看**上手与日常工作**:新建、权限、改动与 Computer Use;下排看**扩展能力**:模型、技能、定时任务与 IM。截图来自真实项目,保留项目与会话列表。点击缩略图可查看完整界面。
37+
3638
<table>
3739
<tr>
38-
<td align="center" width="33.33%"><img src="docs/images/app/zh-CN/session-new.webp" alt="第一次任务前的空会话"><br><b>从清爽的空会话开始</b><br><sub>项目和权限都在首屏</sub></td>
39-
<td align="center" width="33.33%"><img src="docs/images/app/zh-CN/session-main.webp" alt="打开活动面板的真实执行中任务"><br><b>跟着任务一步步往前</b><br><sub>工具调用与阶段进度都留在眼前</sub></td>
40-
<td align="center" width="33.33%"><img src="docs/images/app/zh-CN/workspace-diff.webp" alt="工作区 Diff 评审"><br><b>改了什么,逐行看清楚</b><br><sub>放大的高亮 Diff,文字和代码更清楚</sub></td>
40+
<td align="center" valign="top" width="25%"><a href="docs/images/app/zh-CN/session-new.webp"><img src="docs/images/readme-features/zh-CN/session-new.webp" width="100%" alt="新建会话:选择项目、权限和模型"></a><br><b>01 · 新建会话</b><br>从项目与权限开始</td>
41+
<td align="center" valign="top" width="25%"><a href="docs/images/app/zh-CN/permission-modes.webp"><img src="docs/images/readme-features/zh-CN/permission-modes.webp" width="100%" alt="真实项目会话中的五档执行权限菜单"></a><br><b>02 · 选择权限</b><br>按任务控制操作范围</td>
42+
<td align="center" valign="top" width="25%"><a href="docs/images/app/zh-CN/workspace-diff.webp"><img src="docs/images/readme-features/zh-CN/workspace-diff.webp" width="100%" alt="在工作区逐文件查看代码 Diff"></a><br><b>03 · 审阅改动</b><br>逐文件检查 Diff</td>
43+
<td align="center" valign="top" width="25%"><a href="docs/images/app/zh-CN/settings-computer-use.webp"><img src="docs/images/readme-features/zh-CN/computer-use.webp" width="100%" alt="macOS Computer Use 设置:启用状态、辅助功能与屏幕录制权限"></a><br><b>04 · Computer Use</b><br>Mac 上不占用真实鼠标键盘</td>
4144
</tr>
4245
<tr>
43-
<td align="center" width="33.33%"><img src="docs/images/app/zh-CN/workspace-preview.webp" alt="内置浏览器预览刚改完的页面"><br><b>改完当场验证</b><br><sub>内置浏览器打开真实本地页面</sub></td>
44-
<td align="center" width="33.33%"><img src="docs/images/app/zh-CN/model-picker.webp" alt="显示服务商、预设和本地端点的模型选择器"><br><b>每条会话自选模型</b><br><sub>自己的服务商、预设和本地端点都在一个列表里</sub></td>
45-
<td align="center" width="33.33%"><img src="docs/images/app/zh-CN/skill-market.webp" alt="技能市场"><br><b>缺什么手艺装什么</b><br><sub>来源和安全状态摆在明处</sub></td>
46+
<td align="center" valign="top" width="25%"><a href="docs/images/app/zh-CN/settings-provider-add.webp"><img src="docs/images/readme-features/zh-CN/settings-provider-add.webp" width="100%" alt="添加模型服务商时选择预设并填写接口地址"></a><br><b>05 · 接入模型</b><br>预设、本地端点都能用</td>
47+
<td align="center" valign="top" width="25%"><a href="docs/images/app/zh-CN/skill-market.webp"><img src="docs/images/readme-features/zh-CN/skill-market.webp" width="100%" alt="浏览技能市场并查看技能来源"></a><br><b>06 · 扩展技能</b><br>按任务安装所需能力</td>
48+
<td align="center" valign="top" width="25%"><a href="docs/images/app/zh-CN/schedule-create.webp"><img src="docs/images/readme-features/zh-CN/schedule-create.webp" width="100%" alt="创建独立执行的定时任务"></a><br><b>07 · 定时执行</b><br>让重复任务自动跑</td>
49+
<td align="center" valign="top" width="25%"><a href="docs/images/app/zh-CN/settings-im.webp"><img src="docs/images/readme-features/zh-CN/settings-im.webp" width="100%" alt="IM 接入页的 Slack 配置表单"></a><br><b>08 · 远程接力</b><br>在 IM 中继续会话</td>
4650
</tr>
4751
</table>
4852

53+
从 0 开始:[下载安装](docs/start/install.md) → [连接模型](docs/start/models.md) → [跑通第一条会话](docs/start/first-session.md) → [设置指南](docs/desktop/settings.md) → [实战案例](docs/cases/index.md)。想体验不抢鼠标的跨应用操作,接着看 [Computer Use 指南](docs/desktop/computer-use.md)。
54+
4955
---
5056

5157
## 赞助与合作
@@ -173,7 +179,7 @@ cp .env.example .env
173179
- **Agent Teams 协作工作台**:桌面端可视化多 Agent 协作团队——成员、任务、通信流和依赖泳道一目了然。
174180
- **动态 Workflow 编排**:模型当场编写并运行编排脚本,并发或流水线调度多个子代理,支持阶段视图、中断与断点续跑。
175181
- **模型请求追踪**:本地记录每轮模型请求的状态与耗时,可搜索筛选,快速定位卡死或失败调用。
176-
- **Computer Use**:让 Agent 在授权后截图、点击、输入并控制桌面应用。
182+
- **Computer Use**:让 Agent 在授权后截图、点击、输入并控制桌面应用;macOS 原生运行时不占用你的真实鼠标和键盘。
177183
- **桌面宠物**:搭搭、弧弧、补补、回回随任务状态换动作,也能自己做一只(默认关闭)。
178184
- **H5 远程访问**:扫码用手机浏览器接入当前会话,锁屏切后台都不打断正在跑的任务。
179185
- **IM 接入**:通过 Telegram / 飞书 / 微信 / 钉钉 / WhatsApp / 企业微信 / QQ / Slack 远程对话、切换项目和审批权限。
@@ -221,7 +227,7 @@ cp .env.example .env
221227

222228
## ⭐ Star History
223229

224-
如果这个项目对你有帮助,欢迎点一个 ⭐ Star,让更多人发现 Claude Code Haha。
230+
如果这个项目对你有帮助,欢迎点一个 ⭐ Star,让更多人发现 cc-haha。
225231

226232
<a href="https://www.repostars.dev/?repos=NanmiCoder%2Fcc-haha&theme=ocean">
227233
<img alt="Star History Chart" src="https://www.repostars.dev/api/embed?repo=NanmiCoder%2Fcc-haha&theme=ocean" />

‎docs/AGENTS.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,14 +6,14 @@ These rules apply to `docs/` changes in addition to the root instructions.
66

77
Two audiences, nothing else. If a page serves neither, it does not belong here.
88

9-
- **People using the app** — `start/`, `desktop/`, `im/`. No prior code knowledge assumed.
9+
- **People using the app** — `start/`, `cases/`, `desktop/`, `im/`. No prior code knowledge assumed.
1010
- **People reading the source** — `internals/`, `cli/`. Architecture, implementation, contributing.
1111

1212
Internal process artefacts (migration task lists, validation checklists, design proposals, release runbooks) are not documentation. Keep them out of `docs/`, or fold the durable part into `internals/contributing.md`.
1313

1414
## Structure
1515

16-
Five top-level sections: `start/`, `desktop/`, `im/`, `cli/`, `internals/`. Adding a sixth means registering it in the `sections` array of `site/scripts/generate-docs-manifest.mjs`.
16+
Six top-level sections: `start/`, `cases/`, `desktop/`, `im/`, `cli/`, `internals/`. Register any added section in the `sections` array of `site/scripts/generate-docs-manifest.mjs`.
1717

1818
`docs/en/` mirrors the Chinese tree file for file. Keep Chinese pages and their `docs/en/` counterparts aligned.
1919

0 commit comments

Comments
 (0)