[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"similar-kodu-ai--claude-coder":3,"tool-kodu-ai--claude-coder":61},[4,18,26,36,44,53],{"id":5,"name":6,"github_repo":7,"description_zh":8,"stars":9,"difficulty_score":10,"last_commit_at":11,"category_tags":12,"status":17},4358,"openclaw","openclaw\u002Fopenclaw","OpenClaw 是一款专为个人打造的本地化 AI 助手，旨在让你在自己的设备上拥有完全可控的智能伙伴。它打破了传统 AI 助手局限于特定网页或应用的束缚，能够直接接入你日常使用的各类通讯渠道，包括微信、WhatsApp、Telegram、Discord、iMessage 等数十种平台。无论你在哪个聊天软件中发送消息，OpenClaw 都能即时响应，甚至支持在 macOS、iOS 和 Android 设备上进行语音交互，并提供实时的画布渲染功能供你操控。\n\n这款工具主要解决了用户对数据隐私、响应速度以及“始终在线”体验的需求。通过将 AI 部署在本地，用户无需依赖云端服务即可享受快速、私密的智能辅助，真正实现了“你的数据，你做主”。其独特的技术亮点在于强大的网关架构，将控制平面与核心助手分离，确保跨平台通信的流畅性与扩展性。\n\nOpenClaw 非常适合希望构建个性化工作流的技术爱好者、开发者，以及注重隐私保护且不愿被单一生态绑定的普通用户。只要具备基础的终端操作能力（支持 macOS、Linux 及 Windows WSL2），即可通过简单的命令行引导完成部署。如果你渴望拥有一个懂你",349277,3,"2026-04-06T06:32:30",[13,14,15,16],"Agent","开发框架","图像","数据工具","ready",{"id":19,"name":20,"github_repo":21,"description_zh":22,"stars":23,"difficulty_score":10,"last_commit_at":24,"category_tags":25,"status":17},3808,"stable-diffusion-webui","AUTOMATIC1111\u002Fstable-diffusion-webui","stable-diffusion-webui 是一个基于 Gradio 构建的网页版操作界面，旨在让用户能够轻松地在本地运行和使用强大的 Stable Diffusion 图像生成模型。它解决了原始模型依赖命令行、操作门槛高且功能分散的痛点，将复杂的 AI 绘图流程整合进一个直观易用的图形化平台。\n\n无论是希望快速上手的普通创作者、需要精细控制画面细节的设计师，还是想要深入探索模型潜力的开发者与研究人员，都能从中获益。其核心亮点在于极高的功能丰富度：不仅支持文生图、图生图、局部重绘（Inpainting）和外绘（Outpainting）等基础模式，还独创了注意力机制调整、提示词矩阵、负向提示词以及“高清修复”等高级功能。此外，它内置了 GFPGAN 和 CodeFormer 等人脸修复工具，支持多种神经网络放大算法，并允许用户通过插件系统无限扩展能力。即使是显存有限的设备，stable-diffusion-webui 也提供了相应的优化选项，让高质量的 AI 艺术创作变得触手可及。",162132,"2026-04-05T11:01:52",[14,15,13],{"id":27,"name":28,"github_repo":29,"description_zh":30,"stars":31,"difficulty_score":32,"last_commit_at":33,"category_tags":34,"status":17},1381,"everything-claude-code","affaan-m\u002Feverything-claude-code","everything-claude-code 是一套专为 AI 编程助手（如 Claude Code、Codex、Cursor 等）打造的高性能优化系统。它不仅仅是一组配置文件，而是一个经过长期实战打磨的完整框架，旨在解决 AI 代理在实际开发中面临的效率低下、记忆丢失、安全隐患及缺乏持续学习能力等核心痛点。\n\n通过引入技能模块化、直觉增强、记忆持久化机制以及内置的安全扫描功能，everything-claude-code 能显著提升 AI 在复杂任务中的表现，帮助开发者构建更稳定、更智能的生产级 AI 代理。其独特的“研究优先”开发理念和针对 Token 消耗的优化策略，使得模型响应更快、成本更低，同时有效防御潜在的攻击向量。\n\n这套工具特别适合软件开发者、AI 研究人员以及希望深度定制 AI 工作流的技术团队使用。无论您是在构建大型代码库，还是需要 AI 协助进行安全审计与自动化测试，everything-claude-code 都能提供强大的底层支持。作为一个曾荣获 Anthropic 黑客大奖的开源项目，它融合了多语言支持与丰富的实战钩子（hooks），让 AI 真正成长为懂上",150720,2,"2026-04-11T11:33:10",[14,13,35],"语言模型",{"id":37,"name":38,"github_repo":39,"description_zh":40,"stars":41,"difficulty_score":32,"last_commit_at":42,"category_tags":43,"status":17},2271,"ComfyUI","Comfy-Org\u002FComfyUI","ComfyUI 是一款功能强大且高度模块化的视觉 AI 引擎，专为设计和执行复杂的 Stable Diffusion 图像生成流程而打造。它摒弃了传统的代码编写模式，采用直观的节点式流程图界面，让用户通过连接不同的功能模块即可构建个性化的生成管线。\n\n这一设计巧妙解决了高级 AI 绘图工作流配置复杂、灵活性不足的痛点。用户无需具备编程背景，也能自由组合模型、调整参数并实时预览效果，轻松实现从基础文生图到多步骤高清修复等各类复杂任务。ComfyUI 拥有极佳的兼容性，不仅支持 Windows、macOS 和 Linux 全平台，还广泛适配 NVIDIA、AMD、Intel 及苹果 Silicon 等多种硬件架构，并率先支持 SDXL、Flux、SD3 等前沿模型。\n\n无论是希望深入探索算法潜力的研究人员和开发者，还是追求极致创作自由度的设计师与资深 AI 绘画爱好者，ComfyUI 都能提供强大的支持。其独特的模块化架构允许社区不断扩展新功能，使其成为当前最灵活、生态最丰富的开源扩散模型工具之一，帮助用户将创意高效转化为现实。",108322,"2026-04-10T11:39:34",[14,15,13],{"id":45,"name":46,"github_repo":47,"description_zh":48,"stars":49,"difficulty_score":32,"last_commit_at":50,"category_tags":51,"status":17},6121,"gemini-cli","google-gemini\u002Fgemini-cli","gemini-cli 是一款由谷歌推出的开源 AI 命令行工具，它将强大的 Gemini 大模型能力直接集成到用户的终端环境中。对于习惯在命令行工作的开发者而言，它提供了一条从输入提示词到获取模型响应的最短路径，无需切换窗口即可享受智能辅助。\n\n这款工具主要解决了开发过程中频繁上下文切换的痛点，让用户能在熟悉的终端界面内直接完成代码理解、生成、调试以及自动化运维任务。无论是查询大型代码库、根据草图生成应用，还是执行复杂的 Git 操作，gemini-cli 都能通过自然语言指令高效处理。\n\n它特别适合广大软件工程师、DevOps 人员及技术研究人员使用。其核心亮点包括支持高达 100 万 token 的超长上下文窗口，具备出色的逻辑推理能力；内置 Google 搜索、文件操作及 Shell 命令执行等实用工具；更独特的是，它支持 MCP（模型上下文协议），允许用户灵活扩展自定义集成，连接如图像生成等外部能力。此外，个人谷歌账号即可享受免费的额度支持，且项目基于 Apache 2.0 协议完全开源，是提升终端工作效率的理想助手。",100752,"2026-04-10T01:20:03",[52,13,15,14],"插件",{"id":54,"name":55,"github_repo":56,"description_zh":57,"stars":58,"difficulty_score":32,"last_commit_at":59,"category_tags":60,"status":17},4721,"markitdown","microsoft\u002Fmarkitdown","MarkItDown 是一款由微软 AutoGen 团队打造的轻量级 Python 工具，专为将各类文件高效转换为 Markdown 格式而设计。它支持 PDF、Word、Excel、PPT、图片（含 OCR）、音频（含语音转录）、HTML 乃至 YouTube 链接等多种格式的解析，能够精准提取文档中的标题、列表、表格和链接等关键结构信息。\n\n在人工智能应用日益普及的今天，大语言模型（LLM）虽擅长处理文本，却难以直接读取复杂的二进制办公文档。MarkItDown 恰好解决了这一痛点，它将非结构化或半结构化的文件转化为模型“原生理解”且 Token 效率极高的 Markdown 格式，成为连接本地文件与 AI 分析 pipeline 的理想桥梁。此外，它还提供了 MCP（模型上下文协议）服务器，可无缝集成到 Claude Desktop 等 LLM 应用中。\n\n这款工具特别适合开发者、数据科学家及 AI 研究人员使用，尤其是那些需要构建文档检索增强生成（RAG）系统、进行批量文本分析或希望让 AI 助手直接“阅读”本地文件的用户。虽然生成的内容也具备一定可读性，但其核心优势在于为机器",93400,"2026-04-06T19:52:38",[52,14],{"id":62,"github_repo":63,"name":64,"description_en":65,"description_zh":66,"ai_summary_zh":66,"readme_en":67,"readme_zh":68,"quickstart_zh":69,"use_case_zh":70,"hero_image_url":71,"owner_login":72,"owner_name":73,"owner_avatar_url":74,"owner_bio":75,"owner_company":76,"owner_location":76,"owner_email":77,"owner_twitter":76,"owner_website":78,"owner_url":79,"languages":80,"stars":105,"forks":106,"last_commit_at":107,"license":108,"difficulty_score":109,"env_os":110,"env_gpu":111,"env_ram":111,"env_deps":112,"category_tags":117,"github_topics":118,"view_count":32,"oss_zip_url":76,"oss_zip_packed_at":76,"status":17,"created_at":126,"updated_at":127,"faqs":128,"releases":129},6675,"kodu-ai\u002Fclaude-coder","claude-coder","Kodu is an autonomous coding agent that lives in your IDE. It is a VSCode extension that can help you build your dream project step by step by leveraging the latest technologies in automated coding agents ","claude-coder 是一款运行在 VS Code 编辑器中的自主编程助手插件，旨在充当您全天候的 AI 软件开发者。它致力于弥合创意与实现之间的鸿沟，用户只需描述任务目标，无论是从零构建网站、设计仪表盘、搭建服务器，还是将设计稿转化为可运行的应用程序，claude-coder 都能逐步协助完成。\n\n这款工具主要解决了开发过程中重复性劳动繁琐、调试耗时以及非专业人士难以落地想法等痛点。它能够自动识别并修复代码错误，生成基础代码框架，甚至主动搜索网络获取最新技术灵感，并协助用户将项目一键部署上线，极大提升了从概念到成品的转化效率。\n\nclaude-coder 非常适合两类人群：一是希望提升工作流效率、自动化处理琐碎任务的专业开发者；二是拥有绝妙创意但编程经验有限的创业者、设计师或普通用户。其独特亮点在于具备“自适应”能力，能根据用户的技能水平调整交互方式，既提供直接的代码交付，也包含原理解释以帮助用户成长。无论您是资深工程师还是编程新手，claude-coder 都能成为您得力的结对编程伙伴，让软件开发变得更加触手可及。","\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fmarketplace.visualstudio.com\u002Fitems?itemName=kodu-ai.claude-dev-experimental\" target=\"_blank\">\u003Cstrong>Download Extension\u003C\u002Fstrong>\u003C\u002Fa> | \u003Ca href=\"https:\u002F\u002Fdiscord.gg\u002FFn97SD34qk\" target=\"_blank\">\u003Cstrong>Join the Discord\u003C\u002Fstrong>\u003C\u002Fa>\n\u003C\u002Fp>\n\n# 👋 Hey there !\n\n\u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fkodu-ai_claude-coder_readme_62e01f979307.png\" width=\"100\" align=\"right\" alt=\"Claude Coder Logo\" \u002F>\n\nWelcome to Claude Coder. Whether you're a developer looking to supercharge your workflow, or someone with a brilliant idea but limited coding experience, you're in the right place. I created this tool to bridge the gap between imagination and implementation, making coding more accessible and efficient for everyone.\n\n## 🚀 What's Claude Coder?\n\nThink of Claude Coder as your 24\u002F7 AI-powered Software Developer. It's a VS Code extension that adapts to your skill level, helping you bring ideas to life faster than ever before.\nAll you need to is tell Claude what's your task and Claude will take care of it for you, need a website? dashboard? server? design? Claude got it all covered for you.\n\n### 🌟 Here's what Claude Coder can do for you:\n\n- 💡 **Idea to Implementation**: Transform concepts into code, whether you're starting from scratch or building complex systems\n- 🎨 **Design to Reality**: Convert mockups and wireframes into functional applications\n- 🐞 **Intuitive Debugging**: Identify and fix issues quickly, saving you hours of troubleshooting\n- 🚗 **Accelerate Development**: Automate repetitive tasks and generate boilerplate code\n- 📚 **Learn and Grow**: Improve your coding skills with explanations and best practices\n- 🔍 **Search The Web**: Take inspiration from existing content, or ask claude to do it's own research to adapt his knowledge for your needings.\n- 🔍 **Deploy and Publish**: Claude can help you publish your project online, using existings tools without you breaking your head how to get your awesome project online.\n\n## 🎬 See it in action\n\nHere's a demo of Claude Coder helping Joy create her landing page for her business in Tokyo under 5 minutes:\n[Joy Coffee Shop Preview](https:\u002F\u002Fjoy-coffee-shop.vercel.app)\n\n\n\n\n\u003Cp align=\"center\">\n\u003Cvideo alt=\"video\" src=\"https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002F4f00201e-12d1-4a91-aeb0-614726dab8b3\" width=\"500\" \u002F>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n\u003Cimg src=\"https:\u002F\u002Fres.cloudinary.com\u002Fddqtnp0ic\u002Fimage\u002Fupload\u002Fv1727892212\u002F50888505-4eb097dc4d688fd44252eafcae7c152e_mebjvs.webp\" alt=\"Joy Website Preview\">\n\u003C\u002Fp>\n\n## 🛠 Getting Started\n\n1. **Install VS Code**: If you haven't already, [download it here](https:\u002F\u002Fcode.visualstudio.com\u002F).\n2. **Add Claude Coder**:\n   - Open VS Code\n   - Click the puzzle piece icon on the left sidebar\n   - Search for [\"Claude Coder\"](https:\u002F\u002Fwww.kodu.ai\u002Fl\u002Fext)\n   - Click \"Install\"\n3. **Start Coding**:\n   - Open a project or create a new file\n   - Describe what you want to build or get help with\n   - Let Claude Coder assist you in bringing your ideas to life!\n\n## 💖 Why I Made This\n\nAs someone who's been in tech for years, I've seen the challenges faced by both newcomers and experienced developers. I wanted to create a tool that could level the playing field, making development more accessible to beginners while also boosting the productivity of seasoned coders. Claude Coder is my way of empowering everyone to build amazing things, regardless of their coding background.\n\n## 🤝 Join Our Community\n\nWhether you're stuck on a problem, have a cool idea to share, or just want to connect with fellow creators, join our [Discord](https:\u002F\u002Fdiscord.gg\u002FFn97SD34qk)! It's a vibrant community of developers and innovators at all skill levels.\n\n## 🙏 Special Thanks\n\nA big shoutout to the amazing projects and people that inspired Claude Coder:\n\n- **Aider**: For innovative ideas on enhancing user experience\n- **Claude Dev**: Especially Saoud, for laying an incredible foundation\n\n## 🚀 Ready to Elevate Your Coding?\n\n[Get Claude Coder Now](https:\u002F\u002Fwww.kodu.ai\u002Fl\u002Fext) and start transforming your ideas into reality!\n\nWhether you're crafting your first \"Hello, World!\" or architecting complex systems, Claude Coder is here to help you push the boundaries of what's possible. Can't wait to see what you create! 🌟\n\n---\n\n\u003Cdetails>\n\u003Csummary>🔧 For the tech-savvy: How to Contribute\u003C\u002Fsummary>\n\nIf you're a developer and want to help make Claude Coder even better, here's how:\n\n1. Clone the repo: `git clone https:\u002F\u002Fgithub.com\u002Fkodu-ai\u002Fclaude-coder.git`\n2. Open in VS Code: `code claude-coder`\n3. Navigate to extension folder: `cd extension`\n4. Install dependencies: `npm run install:all`\n5. Run with `F5`\n\nPro tips:\n\n- Webview hot-reloads, but might need an occasional extension host reload\n- Extension host changes need a full reload (Cmd\u002FCtrl + R)\n\nMake your changes, create a pull request, and let's make magic together!\n\n\u003C\u002Fdetails>\n","\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fmarketplace.visualstudio.com\u002Fitems?itemName=kodu-ai.claude-dev-experimental\" target=\"_blank\">\u003Cstrong>下载扩展\u003C\u002Fstrong>\u003C\u002Fa> | \u003Ca href=\"https:\u002F\u002Fdiscord.gg\u002FFn97SD34qk\" target=\"_blank\">\u003Cstrong>加入Discord\u003C\u002Fstrong>\u003C\u002Fa>\n\u003C\u002Fp>\n\n# 👋 你好！\n\n\u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fkodu-ai_claude-coder_readme_62e01f979307.png\" width=\"100\" align=\"right\" alt=\"Claude Coder Logo\" \u002F>\n\n欢迎来到 Claude Coder。无论你是希望提升开发效率的开发者，还是拥有绝妙创意但缺乏编程经验的初学者，这里都是你的理想之地。我打造这款工具的初衷，就是架起想象与实现之间的桥梁，让编程对每个人来说都更加简单高效。\n\n## 🚀 什么是 Claude Coder？\n\n你可以把 Claude Coder 看作一位全天候待命的 AI 驱动软件开发者。它是一款 VS Code 扩展，能够根据你的技术水平量身定制帮助，让你比以往更快地将想法变为现实。\n你只需告诉 Claude 你的任务是什么，剩下的就交给他来完成——无论是网站、仪表盘、服务器还是设计，Claude 都能为你搞定。\n\n### 🌟 Claude Coder 能为你做这些：\n\n- 💡 **从想法到代码**：无论你是从零开始，还是构建复杂的系统，都能帮你把概念转化为可运行的代码。\n- 🎨 **从设计稿到产品**：将线框图和原型快速转换成功能完备的应用程序。\n- 🐞 **智能调试**：迅速定位并修复问题，节省大量排错时间。\n- 🚗 **加速开发**：自动化重复性任务，自动生成样板代码。\n- 📚 **学习成长**：通过解释和最佳实践，不断提升你的编程技能。\n- 🔍 **网络搜索**：从现有内容中获取灵感，或者让 Claude 自主研究，以满足你的特定需求。\n- 🔍 **部署发布**：Claude 可以协助你使用现有工具将项目上线，无需费心如何将自己的优秀作品发布到网上。\n\n## 🎬 实际演示\n\n以下是一个示例，展示 Claude Coder 如何在不到 5 分钟内帮助 Joy 为她在东京的咖啡店创建落地页：\n[Joy 咖啡店预览](https:\u002F\u002Fjoy-coffee-shop.vercel.app)\n\n\n\n\n\u003Cp align=\"center\">\n\u003Cvideo alt=\"视频\" src=\"https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002F4f00201e-12d1-4a91-aeb0-614726dab8b3\" width=\"500\" \u002F>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n\u003Cimg src=\"https:\u002F\u002Fres.cloudinary.com\u002Fddqtnp0ic\u002Fimage\u002Fupload\u002Fv1727892212\u002F50888505-4eb097dc4d688fd44252eafcae7c152e_mebjvs.webp\" alt=\"Joy 网站预览\">\n\u003C\u002Fp>\n\n## 🛠 开始使用\n\n1. **安装 VS Code**：如果你还没有，请从 [这里](https:\u002F\u002Fcode.visualstudio.com\u002F)下载。\n2. **添加 Claude Coder**：\n   - 打开 VS Code\n   - 点击左侧边栏中的拼图图标\n   - 搜索“Claude Coder”（[链接](https:\u002F\u002Fwww.kodu.ai\u002Fl\u002Fext)）\n   - 点击“安装”\n3. **开始编码**：\n   - 打开一个项目或新建文件\n   - 描述你想要构建的内容或需要的帮助\n   - 让 Claude Coder 助你将创意变为现实！\n\n## 💖 我为什么开发这个工具？\n\n作为一名在技术领域深耕多年的人，我深知新手和资深开发者各自面临的挑战。我希望创造一款能够平衡各方需求的工具，既能让编程初学者更容易上手，又能大幅提升资深开发者的效率。Claude Coder 就是我为所有人赋能的方式——无论你的编程背景如何，都能创造出令人惊叹的作品。\n\n## 🤝 加入我们的社区\n\n无论你是在为某个难题苦恼、想分享自己的酷炫点子，还是仅仅想结识其他创作者，都欢迎加入我们的 [Discord](https:\u002F\u002Fdiscord.gg\u002FFn97SD34qk)！这里汇聚了各个水平的开发者和创新者，大家互相交流、共同进步。\n\n## 🙏 特别致谢\n\n我要向那些启发了 Claude Coder 的杰出项目和人士致以诚挚的感谢：\n\n- **Aider**：感谢其在提升用户体验方面的创新理念。\n- **Claude Dev**：尤其是 Saoud，他为我们奠定了令人惊叹的基础。\n\n## 🚀 准备好提升你的编程能力了吗？\n\n[立即获取 Claude Coder](https:\u002F\u002Fwww.kodu.ai\u002Fl\u002Fext)，开始将你的想法变为现实吧！\n\n无论你是正在编写人生中的第一个“Hello, World!”，还是在设计复杂的系统架构，Claude Coder 都会陪伴你突破极限。我们迫不及待想看看你将创造出怎样的奇迹！🌟\n\n---\n\n\u003Cdetails>\n\u003Csummary>🔧 技术达人看这里：如何参与贡献\u003C\u002Fsummary>\n\n如果你是一名开发者，并希望让 Claude Coder 更加出色，可以按照以下步骤操作：\n\n1. 克隆仓库：`git clone https:\u002F\u002Fgithub.com\u002Fkodu-ai\u002Fclaude-coder.git`\n2. 在 VS Code 中打开：`code claude-coder`\n3. 进入扩展目录：`cd extension`\n4. 安装依赖：`npm run install:all`\n5. 使用 `F5` 启动调试。\n\n小贴士：\n\n- Webview 支持热重载，但有时可能需要手动刷新扩展宿主。\n- 如果修改了扩展宿主部分，则需要完全重启（Cmd\u002FCtrl + R）。\n\n完成修改后，提交 Pull Request，让我们一起创造更多奇迹吧！\n\n\u003C\u002Fdetails>","# Claude Coder 快速上手指南\n\nClaude Coder 是一款强大的 VS Code 扩展，旨在作为您的 24\u002F7 AI 软件开发者助手。无论您是希望提升工作流效率的专业开发者，还是编程经验有限但拥有绝妙点子的创作者，它都能帮助您将想法快速转化为现实代码。\n\n## 环境准备\n\n在开始之前，请确保您的开发环境满足以下要求：\n\n*   **操作系统**：Windows、macOS 或 Linux（支持 VS Code 的所有平台）。\n*   **核心软件**：已安装 [Visual Studio Code](https:\u002F\u002Fcode.visualstudio.com\u002F)。\n*   **网络环境**：由于该工具依赖云端 AI 服务，请确保网络连接正常。\n*   **前置依赖**：无需额外安装 Node.js 或 Python 等运行时环境，扩展会自动处理所需依赖。\n\n## 安装步骤\n\n您可以通过 VS Code 扩展市场直接安装，这是最便捷的方式：\n\n1.  启动 **Visual Studio Code**。\n2.  点击左侧活动栏中的 **扩展图标**（拼图形状），或使用快捷键 `Ctrl+Shift+X` (Windows\u002FLinux) \u002F `Cmd+Shift+X` (macOS)。\n3.  在搜索框中输入 `Claude Coder`。\n    *   *注：如果在官方市场搜索受限，可访问 [Kodu AI 扩展页面](https:\u002F\u002Fwww.kodu.ai\u002Fl\u002Fext) 获取安装指引。*\n4.  找到由 `kodu-ai` 发布的扩展，点击 **Install**（安装）按钮。\n5.  安装完成后，根据提示重新加载窗口（Reload Window）以激活扩展。\n\n> **开发者贡献模式（可选）**\n> 如果您希望修改源码或参与贡献，可使用以下命令从 GitHub 克隆项目并在本地运行：\n> ```bash\n> git clone https:\u002F\u002Fgithub.com\u002Fkodu-ai\u002Fclaude-coder.git\n> code claude-coder\n> cd extension\n> npm run install:all\n> # 在 VS Code 中按 F5 启动调试\n> ```\n\n## 基本使用\n\n安装完成后，无需复杂配置即可开始使用。以下是创建一个简单项目的示例：\n\n1.  **打开项目**：在 VS Code 中打开一个现有文件夹，或新建一个空文件夹作为项目根目录。\n2.  **唤起助手**：点击侧边栏中的 Claude Coder 图标（通常位于文件资源管理器附近），打开对话面板。\n3.  **描述需求**：在输入框中用自然语言描述您想要构建的内容。\n    *   *示例指令*：\n        ```text\n        帮我创建一个简单的个人主页网站，包含头部导航、关于我章节和页脚，使用 HTML 和 CSS，风格要现代简洁。\n        ```\n    *   *高级指令*：\n        ```text\n        我需要为一个东京的咖啡店制作落地页，包含英雄区域、菜单展示和联系表单，请直接生成代码并创建相关文件。\n        ```\n4.  **执行与迭代**：\n    *   Claude Coder 将自动分析您的需求，生成相应的代码文件，并直接在您的项目文件夹中创建或修改文件。\n    *   如果生成的代码需要调整，您可以直接在对话框中继续反馈（例如：“把背景色改成深蓝色”或“修复导航栏的移动端显示问题”），AI 会立即进行修正。\n5.  **预览结果**：对于网页类项目，您可以使用 VS Code 的 \"Live Server\" 插件或直接打开生成的 `.html` 文件查看效果。\n\n现在，您可以尝试让 Claude Coder 帮您构建下一个伟大的想法了！","东京的创业者 Joy 想在五分钟内为自己的咖啡店搭建一个专业的落地页，但她没有任何编程基础且预算有限。\n\n### 没有 claude-coder 时\n- **技术门槛高**：面对复杂的开发环境配置和代码语法，完全不知从何下手，只能望而却步。\n- **耗时漫长**：若寻找外包或自学建站，通常需要数天甚至数周时间，无法快速验证商业想法。\n- **设计落地难**：脑海中虽有清晰的店铺风格构想，却无法将草图转化为实际的网页视觉效果。\n- **部署繁琐**：即使勉强写出代码，也常因不懂服务器配置和域名解析，导致项目无法上线展示。\n- **调试无助**：遇到报错信息只能盲目搜索，缺乏专业指导，极易在排查问题中陷入停滞。\n\n### 使用 claude-coder 后\n- **自然语言驱动**：只需在 VS Code 中用通俗语言描述“想要一个日式风格的咖啡店页面”，claude-coder 即刻理解并启动构建。\n- **极速交付**：从概念到可运行的完整网站仅需几分钟，如演示中所示，Joy 在 5 分钟内就获得了成品。\n- **设计自动还原**：claude-coder 能直接将文字描述或简单线框转化为美观、响应式的现代化前端代码。\n- **一键发布上线**：内置自动化部署能力，claude-coder 直接调用工具将项目发布到网络，无需手动配置服务器。\n- **智能纠错引导**：遇到潜在问题时，claude-coder 主动识别并修复 Bug，同时提供解释帮助用户理解逻辑。\n\nclaude-coder 真正打破了想象与实现之间的壁垒，让任何人无论技术背景如何，都能瞬间将创意转化为触手可及的数字产品。","https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fkodu-ai_claude-coder_90f3c60c.png","kodu-ai","Kodu AI","https:\u002F\u002Foss.gittoolsai.com\u002Favatars\u002Fkodu-ai_eefe3c40.png","Build anything, anywhere, anytime, just use Kodu AI!",null,"support@kodu.ai","https:\u002F\u002Fkodu.ai","https:\u002F\u002Fgithub.com\u002Fkodu-ai",[81,85,89,93,97,101],{"name":82,"color":83,"percentage":84},"TypeScript","#3178c6",99,{"name":86,"color":87,"percentage":88},"JavaScript","#f1e05a",0.5,{"name":90,"color":91,"percentage":92},"CSS","#663399",0.3,{"name":94,"color":95,"percentage":96},"Python","#3572A5",0.2,{"name":98,"color":99,"percentage":100},"Shell","#89e051",0.1,{"name":102,"color":103,"percentage":104},"HTML","#e34c26",0,5282,199,"2026-04-10T16:02:29","NOASSERTION",1,"Windows, macOS, Linux","未说明",{"notes":113,"python":111,"dependencies":114},"该工具是一个 VS Code 扩展插件，而非独立的本地 AI 模型运行环境。因此，它不需要本地 GPU、特定显存或 CUDA 版本，计算任务由云端 API（Claude）处理。安装需通过 VS Code 市场或源码构建（需要 Node.js\u002Fnpm 环境）。",[115,116],"Visual Studio Code","Node.js (隐含，用于 npm 命令)",[13,35,52,14],[119,120,121,122,123,124,125],"chatgpt","claude","coding-agents","llm","openai","vscode","vscode-extension","2026-03-27T02:49:30.150509","2026-04-11T23:23:13.654474",[],[]]