[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"similar-superdesigndev--superdesign":3,"tool-superdesigndev--superdesign":62},[4,18,26,36,46,54],{"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 真正成长为懂上",160015,2,"2026-04-18T11:30:52",[14,13,35],"语言模型",{"id":37,"name":38,"github_repo":39,"description_zh":40,"stars":41,"difficulty_score":42,"last_commit_at":43,"category_tags":44,"status":17},8272,"opencode","anomalyco\u002Fopencode","OpenCode 是一款开源的 AI 编程助手（Coding Agent），旨在像一位智能搭档一样融入您的开发流程。它不仅仅是一个代码补全插件，而是一个能够理解项目上下文、自主规划任务并执行复杂编码操作的智能体。无论是生成全新功能、重构现有代码，还是排查难以定位的 Bug，OpenCode 都能通过自然语言交互高效完成，显著减少开发者在重复性劳动和上下文切换上的时间消耗。\n\n这款工具专为软件开发者、工程师及技术研究人员设计，特别适合希望利用大模型能力来提升编码效率、加速原型开发或处理遗留代码维护的专业人群。其核心亮点在于完全开源的架构，这意味着用户可以审查代码逻辑、自定义行为策略，甚至私有化部署以保障数据安全，彻底打破了传统闭源 AI 助手的“黑盒”限制。\n\n在技术体验上，OpenCode 提供了灵活的终端界面（Terminal UI）和正在测试中的桌面应用程序，支持 macOS、Windows 及 Linux 全平台。它兼容多种包管理工具，安装便捷，并能无缝集成到现有的开发环境中。无论您是追求极致控制权的资深极客，还是渴望提升产出的独立开发者，OpenCode 都提供了一个透明、可信",144296,1,"2026-04-16T14:50:03",[13,45],"插件",{"id":47,"name":48,"github_repo":49,"description_zh":50,"stars":51,"difficulty_score":32,"last_commit_at":52,"category_tags":53,"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 都能提供强大的支持。其独特的模块化架构允许社区不断扩展新功能，使其成为当前最灵活、生态最丰富的开源扩散模型工具之一，帮助用户将创意高效转化为现实。",109154,"2026-04-18T11:18:24",[14,15,13],{"id":55,"name":56,"github_repo":57,"description_zh":58,"stars":59,"difficulty_score":32,"last_commit_at":60,"category_tags":61,"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",[45,13,15,14],{"id":63,"github_repo":64,"name":65,"description_en":66,"description_zh":67,"ai_summary_zh":67,"readme_en":68,"readme_zh":69,"quickstart_zh":70,"use_case_zh":71,"hero_image_url":72,"owner_login":73,"owner_name":74,"owner_avatar_url":75,"owner_bio":76,"owner_company":77,"owner_location":77,"owner_email":77,"owner_twitter":77,"owner_website":77,"owner_url":78,"languages":79,"stars":92,"forks":93,"last_commit_at":94,"license":95,"difficulty_score":42,"env_os":96,"env_gpu":97,"env_ram":97,"env_deps":98,"category_tags":105,"github_topics":77,"view_count":32,"oss_zip_url":77,"oss_zip_packed_at":77,"status":17,"created_at":106,"updated_at":107,"faqs":108,"releases":144},9213,"superdesigndev\u002Fsuperdesign","superdesign","AI Product Design Agent - Open Source","SuperDesign 是一款开源的 AI 产品设计助手，它直接嵌入在开发者熟悉的 IDE（如 VS Code、Cursor、Windsurf 等）中。只需输入自然语言描述，它就能即时生成完整的 UI 界面原型、可复用的代码组件以及低保真线框图，让设计构思瞬间可视化。\n\n对于需要在编码过程中快速验证想法或构建原型的开发者而言，SuperDesign 有效解决了传统设计中“写代码”与“画界面”割裂的痛点。它无需切换繁琐的外部设计软件，让用户能在编码环境中直接通过对话探索多种设计方案，并支持对现有界面进行迭代修改，极大提升了从创意到实现的效率。\n\n这款工具特别适合全栈开发者、前端工程师以及希望快速原型化的产品团队。其独特的技术亮点在于深度的 IDE 集成能力：生成的提示词可无缝流转至 Cursor 或 Claude Code 等 AI 编程环境继续开发；同时支持连接本地部署的 OpenAI 兼容模型（如 LM Studio），兼顾了隐私性与灵活性。作为一个完全开源的项目，SuperDesign 鼓励用户自定义智能体行为或贡献代码，真正实现了设计流程的开放与自由。","# 🧠 SuperDesign — AI Design Agent for Your IDE\n\n**🆕 New:** [SuperDesign Chrome Extension](https:\u002F\u002Fchromewebstore.google.com\u002Fdetail\u002Fobpjaonipoaomjnokbimppohbpjibflm) - Clone any website & UI\n\n---\n\n![SuperDesign Cover](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fsuperdesigndev_superdesign_readme_2e352aa68fcb.png)\n\n### **By:** [AI Jason](https:\u002F\u002Fx.com\u002Fjasonzhou1993)\n\nSuperDesign is the first **open-source design agent** that lives right inside your IDE.  \nGenerate UI mockups, components, and wireframes directly from natural language prompts.  \nWorks seamlessly with Cursor, Windsurf, Claude Code, and plain VS Code.\n\n> ✨ \"Why design one option when you can explore ten?\" — SuperDesign\n\n\n[Join discord](https:\u002F\u002Fdiscord.gg\u002FFYr49d6cQ9)\n\n[Upvote on Hackernews](https:\u002F\u002Fnews.ycombinator.com\u002Fitem?id=44376003)\n\n[Install guide](https:\u002F\u002Fwww.superdesign.dev\u002Fide-extension)\n\n---\n\n## 🎬 Demo Video (Click to play)\n\n[![SuperDesign Demo](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fsuperdesigndev_superdesign_readme_359db194cff7.jpg)](https:\u002F\u002Fyoutu.be\u002FINv6oZDhhUM)\n\n---\n\n## 🚀 Features\n\n- 🖼️ **Product Mock**: Instantly generate full UI screens from a single prompt\n- 🧩 **UI Components**: Create reusable components you can drop into your code\n- 📝 **Wireframes**: Explore low-fidelity layouts for fast iteration\n- 🔁 **Fork & Iterate**: Duplicate and evolve designs easily\n- 📥 **Prompt-to-IDE**: Copy prompts into your favorite AI IDE (Cursor, Windsurf, Claude Code)\n\n---\n\n## 🧠 Works Great With Cursor, Windsurf, Claude Code, VS Code\n\n👉 [Install here](https:\u002F\u002Fwww.superdesign.dev\u002Fide-extension)\n\n---\n\n## 🛠️ Getting Started\n\n1. **Install the Extension** from the Cursor\u002FVS Code Marketplace\n2. Open the `SuperDesign` sidebar panel\n3. Type a prompt (e.g., _\"Design a modern login screen\"_)\n4. View generated mockups, components, and wireframes\n5. Fork, tweak, and paste into your project\n\n---\n\n## Can I use my own Claude Code or Cursor subscription?\nYes, after you initialise superdesign extension, some cursor\u002Fclaude code rules will be added, so you can prompt the agent to do design and preview in superdesign canva (cmd + shift + p -> superdesign: open canva)\n\nIf using Cursor - I will highly suggest copy the prompt in 'design.mdc' and create a custom mode in cursor with that same system prompt; This should give you much better performance\n\nInstructions here (Click to play): \n[![Instruction video](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fsuperdesigndev_superdesign_readme_4ffefe069775.png)](https:\u002F\u002Fyoutu.be\u002FKChmJMCDOB0?si=pvU0kNRO4GRWjsec&t=122)\n\n## How to run local OpenAI compatible servers?\n1. Select open ai on Ai Model Provider\n2. Put anything in Openai Api Key input\n3. Add your OpenAi Url on the Openai Url input (example: http:\u002F\u002F127.0.0.1:1234\u002Fv1 for LM Studio)\n\n## 📂 Where Are My Designs Stored?\n\nYour generated designs are saved locally inside `.superdesign\u002F`.\n\n---\n\n## ❓ FAQ\n\n**Is it free and open source?**  \nYes! We are open source — fork it, extend it, remix it.\n\n**Can I customize the design agent?**  \nYes — use your own prompt templates, modify behaviors, or add commands.\n\n**Can SuperDesign update existing UI?**  \nAbsolutely — select a component, describe the change, and let the agent do the rest.\n\n\u003Cimg width=\"886\" height=\"586\" alt=\"image\" src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fsuperdesigndev_superdesign_readme_24672908ab61.png\" \u002F>\n\n\n**How can I contribute?**  \nPull requests are welcome. Star the repo and join us on [Discord](https:\u002F\u002Fdiscord.gg\u002FFYr49d6cQ9)!\n\n---\n\n## 🔗 Links\n\n- 🌐 Website: [https:\u002F\u002Fsuperdesign.dev\u002Fide-extension](https:\u002F\u002Fsuperdesign.dev\u002Fide-extension)\n- 📦 GitHub: [https:\u002F\u002Fgithub.com\u002Fsuperdesigndev\u002Fsuperdesign](https:\u002F\u002Fgithub.com\u002Fsuperdesigndev\u002Fsuperdesign)\n- 💬 Discord: [Join the Community](https:\u002F\u002Fdiscord.gg\u002FFYr49d6cQ9)\n- 🐦 Twitter \u002F X: [@SuperDesignDev](https:\u002F\u002Fx.com\u002FSuperDesignDev)\n\n","# 🧠 SuperDesign — 你的 IDE 中的 AI 设计代理\n\n**🆕 新增：** [SuperDesign Chrome 扩展](https:\u002F\u002Fchromewebstore.google.com\u002Fdetail\u002Fobpjaonipoaomjnokbimppohbpjibflm) - 克隆任何网站和 UI\n\n---\n\n![SuperDesign 封面](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fsuperdesigndev_superdesign_readme_2e352aa68fcb.png)\n\n### **作者：** [AI Jason](https:\u002F\u002Fx.com\u002Fjasonzhou1993)\n\nSuperDesign 是首个**开源设计代理**，直接嵌入到你的 IDE 中。  \n你可以通过自然语言提示直接生成 UI 原型、组件和线框图。  \n与 Cursor、Windsurf、Claude Code 以及普通的 VS Code 无缝协作。\n\n> ✨ “为什么只设计一个方案，而不去探索十个呢？” — SuperDesign\n\n\n[加入 Discord](https:\u002F\u002Fdiscord.gg\u002FFYr49d6cQ9)\n\n[在 Hackernews 上点赞](https:\u002F\u002Fnews.ycombinator.com\u002Fitem?id=44376003)\n\n[安装指南](https:\u002F\u002Fwww.superdesign.dev\u002Fide-extension)\n\n---\n\n## 🎬 演示视频（点击播放）\n\n[![SuperDesign 演示](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fsuperdesigndev_superdesign_readme_359db194cff7.jpg)](https:\u002F\u002Fyoutu.be\u002FINv6oZDhhUM)\n\n---\n\n## 🚀 功能\n\n- 🖼️ **产品原型**：只需一个提示即可快速生成完整的 UI 界面\n- 🧩 **UI 组件**：创建可复用的组件，直接拖拽到代码中\n- 📝 **线框图**：探索低保真布局，实现快速迭代\n- 🔁 **复制并迭代**：轻松复制和演化设计\n- 📥 **提示转 IDE**：将提示复制到你最喜欢的 AI IDE 中（Cursor、Windsurf、Claude Code）\n\n---\n\n## 🧠 与 Cursor、Windsurf、Claude Code、VS Code 完美兼容\n\n👉 [立即安装](https:\u002F\u002Fwww.superdesign.dev\u002Fide-extension)\n\n---\n\n## 🛠️ 开始使用\n\n1. 从 Cursor\u002FVS Code 插件市场安装扩展程序\n2. 打开 `SuperDesign` 侧边栏面板\n3. 输入提示（例如：_“设计一个现代登录界面”_）\n4. 查看生成的原型、组件和线框图\n5. 复制、调整并粘贴到你的项目中\n\n---\n\n## 我可以使用自己的 Claude Code 或 Cursor 订阅吗？\n是的，初始化 SuperDesign 扩展后，会添加一些 Cursor\u002FClaude Code 的规则，这样你就可以通过提示让代理在 SuperDesign 画布上进行设计和预览（cmd + shift + p -> superdesign: open canva）。\n\n如果你使用 Cursor，我强烈建议将提示复制到 'design.mdc' 文件中，并在 Cursor 中创建一个自定义模式，使用相同的系统提示；这样可以获得更好的性能。\n\n教程在这里（点击播放）：\n[![教程视频](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fsuperdesigndev_superdesign_readme_4ffefe069775.png)](https:\u002F\u002Fyoutu.be\u002FKChmJMCDOB0?si=pvU0kNRO4GRWjsec&t=122)\n\n## 如何运行本地兼容 OpenAI 的服务器？\n1. 在 AI 模型提供商中选择 OpenAI\n2. 在 OpenAI API 密钥输入框中填入任意内容\n3. 在 OpenAI URL 输入框中添加你的 OpenAI 地址（例如：http:\u002F\u002F127.0.0.1:1234\u002Fv1 用于 LM Studio）\n\n## 📂 我的设计保存在哪里？\n\n你生成的设计会本地保存在 `.superdesign\u002F` 目录下。\n\n---\n\n## ❓ 常见问题解答\n\n**它是免费且开源的吗？**  \n是的！我们是开源项目——你可以 fork、扩展或 remix。\n\n**我可以自定义设计代理吗？**  \n当然可以——使用你自己的提示模板、修改行为或添加命令。\n\n**SuperDesign 能否更新现有的 UI？**  \n完全可以——选择一个组件，描述更改内容，剩下的就交给代理完成。\n\n\u003Cimg width=\"886\" height=\"586\" alt=\"image\" src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fsuperdesigndev_superdesign_readme_24672908ab61.png\" \u002F>\n\n\n**我如何贡献？**  \n欢迎提交 Pull Request。给仓库点个 star，并加入我们的 [Discord](https:\u002F\u002Fdiscord.gg\u002FFYr49d6cQ9) 社区吧！\n\n---\n\n## 🔗 链接\n\n- 🌐 官网：[https:\u002F\u002Fsuperdesign.dev\u002Fide-extension](https:\u002F\u002Fsuperdesign.dev\u002Fide-extension)\n- 📦 GitHub：[https:\u002F\u002Fgithub.com\u002Fsuperdesigndev\u002Fsuperdesign](https:\u002F\u002Fgithub.com\u002Fsuperdesigndev\u002Fsuperdesign)\n- 💬 Discord：[加入社区](https:\u002F\u002Fdiscord.gg\u002FFYr49d6cQ9)\n- 🐦 Twitter \u002F X：[@SuperDesignDev](https:\u002F\u002Fx.com\u002FSuperDesignDev)","# SuperDesign 快速上手指南\n\nSuperDesign 是一款开源的 AI 设计代理，可直接集成到您的 IDE（如 Cursor、Windsurf、Claude Code 或 VS Code）中。它支持通过自然语言提示词直接生成 UI 原型、组件和线框图。\n\n## 环境准备\n\n*   **操作系统**：Windows、macOS 或 Linux\n*   **必备软件**：已安装以下任一代码编辑器：\n    *   Visual Studio Code (VS Code)\n    *   Cursor\n    *   Windsurf\n    *   Claude Code\n*   **网络要求**：需确保能正常访问扩展市场及 AI 模型服务（若使用本地模型需提前部署兼容 OpenAI 接口的服务，如 LM Studio）。\n\n## 安装步骤\n\n1.  **打开扩展市场**\n    在您的 IDE 中打开扩展面板（Extensions）：\n    *   **VS Code \u002F Cursor**: 点击左侧侧边栏方块图标，或按下 `Ctrl+Shift+X` (Mac: `Cmd+Shift+X`)。\n    *   **Windsurf**: 进入 Extensions 视图。\n\n2.  **搜索并安装**\n    在搜索框中输入 `SuperDesign`，找到由 **AI Jason** 发布的插件，点击 **Install** 按钮。\n    \n    *或者访问官方安装页面获取最新链接：*\n    [https:\u002F\u002Fwww.superdesign.dev\u002Fide-extension](https:\u002F\u002Fwww.superdesign.dev\u002Fide-extension)\n\n3.  **重启\u002F激活**\n    安装完成后，重新加载窗口（Reload Window）以确保插件生效。\n\n## 基本使用\n\n1.  **打开侧边栏**\n    在 IDE 左侧活动栏中找到并点击 **SuperDesign** 图标，打开面板。\n\n2.  **输入提示词**\n    在输入框中使用自然语言描述您想要的设计。\n    *示例：*\n    ```text\n    Design a modern login screen\n    ```\n\n3.  **生成与预览**\n    发送提示词后，SuperDesign 将自动生成：\n    *   🖼️ **Product Mock**: 完整的 UI 界面原型\n    *   🧩 **UI Components**: 可复用的代码组件\n    *   📝 **Wireframes**: 低保真布局线框图\n\n4.  **迭代与应用**\n    *   **Fork & Iterate**: 对生成的设计不满意？直接基于当前结果修改提示词进行迭代（例如：\"Make the button blue\"）。\n    *   **复制到项目**: 选中生成的组件代码，直接粘贴到您的项目文件中。\n\n5.  **高级用法（可选）**\n    *   **使用自有订阅**: 初始化后，您可以在 `design.mdc` 中复制提示词，并在 Cursor 中创建自定义 Mode 以获得更佳性能。\n    *   **本地模型支持**: 若需运行本地 OpenAI 兼容服务（如 LM Studio），请在设置中选择 \"Open AI\" 作为提供商，填入任意 API Key，并将 URL 设置为本地地址（例如：`http:\u002F\u002F127.0.0.1:1234\u002Fv1`）。\n    *   **打开画布**: 使用快捷键 `Cmd + Shift + P` (Mac) 或 `Ctrl + Shift + P` (Win\u002FLinux)，输入 `SuperDesign: Open Canva` 即可在独立画布中预览设计。\n\n> 💡 **提示**：生成的设计文件默认保存在项目根目录的 `.superdesign\u002F` 文件夹中。","一位全栈开发者正在为初创公司快速构建一个 SaaS 仪表盘，需要在半天内完成从概念到前端代码的落地。\n\n### 没有 superdesign 时\n- **设计割裂**：开发者需在 Figma 中手动绘制草图，再切换回 VS Code 编写代码，上下文频繁中断导致效率低下。\n- **迭代缓慢**：调整布局或配色需要重新绘图并手动修改 CSS，尝试三种不同方案往往耗费数小时。\n- **组件复用难**：缺乏标准化的 UI 组件库，每次新建页面都要重复编写按钮、卡片等基础代码，容易出错。\n- **沟通成本高**：非设计出身的开发者难以将抽象需求转化为具体视觉稿，常因“感觉不对”而反复返工。\n\n### 使用 superdesign 后\n- **IDE 内闭环**：直接在 Cursor 侧边栏输入“生成现代深色模式仪表盘”，superdesign 即刻产出高保真界面与对应代码，无需切换工具。\n- **极速多方案探索**：通过\"Fork & Iterate\"功能，一键复制并微调出十种不同布局风格，几分钟内即可确定最佳视觉方向。\n- **智能组件生成**：输入自然语言指令即可创建可复用的 React\u002FVue 组件，直接拖入项目工程，确保代码规范统一。\n- **实时反馈优化**：选中已有组件描述“增加圆角并改变主色调”，superdesign 自动更新设计与代码，实现所见即所得的敏捷开发。\n\nsuperdesign 将原本耗时数天的“设计 - 编码”循环压缩至分钟级，让开发者能专注于业务逻辑而非视觉细节的反复打磨。","https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fsuperdesigndev_superdesign_2e352aa6.png","superdesigndev","Super Design","https:\u002F\u002Foss.gittoolsai.com\u002Favatars\u002Fsuperdesigndev_e25fd418.png","Cursor for Design",null,"https:\u002F\u002Fgithub.com\u002Fsuperdesigndev",[80,84,88],{"name":81,"color":82,"percentage":83},"TypeScript","#3178c6",86.1,{"name":85,"color":86,"percentage":87},"CSS","#663399",13.3,{"name":89,"color":90,"percentage":91},"JavaScript","#f1e05a",0.6,6301,695,"2026-04-18T12:07:19","NOASSERTION","未说明 (作为 IDE 扩展，通常支持 Windows, macOS, Linux)","未说明",{"notes":99,"python":97,"dependencies":100},"该工具主要作为 IDE（如 Cursor, Windsurf, VS Code）的扩展插件运行，而非独立的本地深度学习模型服务。因此 README 中未列出具体的 GPU、内存或 Python 版本要求。它支持连接外部 AI 模型提供商（如 OpenAI API 或本地兼容服务器如 LM Studio），若用户选择自行部署本地模型服务，则需参考相应模型（如 LLM）的硬件需求。设计文件本地存储在 .superdesign\u002F 目录中。",[101,102,103,104],"Cursor","Windsurf","Claude Code","VS Code",[13,45],"2026-03-27T02:49:30.150509","2026-04-19T03:06:56.015094",[109,114,119,124,129,134,139],{"id":110,"question_zh":111,"answer_zh":112,"source_url":113},41362,"支持哪些 AI 模型和 API 提供商？","新版本已支持所有 OpenAI 和 Claude 模型，以及 OpenRouter。此外，SecureDesign（预发布版）现已支持 OpenRouter 上的免费模型，如 GLM 4.5 和 Moonshot Kimi K2。","https:\u002F\u002Fgithub.com\u002Fsuperdesigndev\u002Fsuperdesign\u002Fissues\u002F8",{"id":115,"question_zh":116,"answer_zh":117,"source_url":118},41363,"是否可以使用 DeepSeek 作为 API？","可以，新版本已经支持使用 DeepSeek 作为 API。如果之前遇到 Unauthorized 错误，请尝试更新到最新版本。","https:\u002F\u002Fgithub.com\u002Fsuperdesigndev\u002Fsuperdesign\u002Fissues\u002F7",{"id":120,"question_zh":121,"answer_zh":122,"source_url":123},41364,"在哪里可以找到项目使用的提示词（Prompts）？","提示词定义在源代码文件中。具体位置参考：\n1. 主扩展逻辑：https:\u002F\u002Fgithub.com\u002Fhbmartin\u002Fsecure-design\u002Fblob\u002F58f5819a345a4d98b9825029778ae63127df9fb9\u002Fsrc\u002Fextension.ts#L247\n2. 自定义 Agent 服务：https:\u002F\u002Fgithub.com\u002Fhbmartin\u002Fsecure-design\u002Fblob\u002F58f5819a345a4d98b9825029778ae63127df9fb9\u002Fsrc\u002Fservices\u002FcustomAgentService.ts#L302","https:\u002F\u002Fgithub.com\u002Fsuperdesigndev\u002Fsuperdesign\u002Fissues\u002F53",{"id":125,"question_zh":126,"answer_zh":127,"source_url":128},41365,"遇到 'tool_use ids were found without tool_result blocks' 错误怎么办？","这是一个已知问题，原扩展已不再维护。该问题已在社区 fork 版本 'SecureDesign' 中修复。建议切换到该版本使用：https:\u002F\u002Fgithub.com\u002Fhbmartin\u002Fsecure-design","https:\u002F\u002Fgithub.com\u002Fsuperdesigndev\u002Fsuperdesign\u002Fissues\u002F79",{"id":130,"question_zh":131,"answer_zh":132,"source_url":133},41366,"上传图片或粘贴图片时卡住或加载缓慢如何解决？","该问题已在最新发布的版本中修复。如果遇到此情况，请将扩展更新至最新版本。","https:\u002F\u002Fgithub.com\u002Fsuperdesigndev\u002Fsuperdesign\u002Fissues\u002F10",{"id":135,"question_zh":136,"answer_zh":137,"source_url":138},41367,"使用 OpenAI API Key 时报错 'country, region or territory not supported' 如何处理？","这通常是因为源码中默认的 API 提供商地址并非官方地址，可能导致区域限制或密钥泄露风险。解决方案是克隆源代码，手动修改源码中的 API URL 为官方地址，然后重新打包扩展即可正常使用。","https:\u002F\u002Fgithub.com\u002Fsuperdesigndev\u002Fsuperdesign\u002Fissues\u002F44",{"id":140,"question_zh":141,"answer_zh":142,"source_url":143},41368,"VSCode 中的链接显示错误怎么办？","该链接错误已在后续版本中修复，请更新扩展至最新版本。","https:\u002F\u002Fgithub.com\u002Fsuperdesigndev\u002Fsuperdesign\u002Fissues\u002F6",[]]