🎁 Get the FREE AI Skills Starter Guide — Subscribe →
BytesAgainBytesAgain
BytesAgain › Skills › web-ai-image-generation
🦀 ClawHub

web-ai-image-generation

by @henryczq

自动通过浏览器复用 Gemini 或 ChatGPT 登录态，提交提示词生成图片并下载保存到本地指定目录。

Versionv1.0.0
#requires-sensitive-credentials#clawhub
📋 Tips & Best Practices

找不到“制作图片”或“生成图片”

可能原因：

  • 网页语言与选择器不匹配。
  • Gemini / ChatGPT UI 更新。
  • 当前账号没有生图入口。

    • 处理建议：

  • 增加更多语言的选择器。
  • 截图确认页面状态。
  • 检查账号是否具备生图能力。

    • 页面生成了图片但下载失败

    可能原因：

  • 图片跨域导致 Canvas 读取失败。
  • 图片 URL 需要登录 cookie。
  • 图片 URL 规则发生变化。

    • 处理建议：

  • ChatGPT 图片优先使用 page.request.get()。
  • Gemini 增加更多图片域名白名单。
  • 必要时使用页面截图作为兜底方案。

    • 一直等待直到超时

    可能原因：

  • 没有成功切换到生图模式。
  • 提示词触发安全策略。
  • 页面出现错误提示，但代码没有识别。

    • 处理建议：

  • 检查页面错误文案。
  • 增加对“生成失败”“无法生成”等状态的检测。
  • 调整等待策略，不只依赖图片数量稳定。

    • View on ClawHub
    TERMINAL
    clawhub install web-ai-image-generation

    🧪 Use this skill with your agent

    Most visitors already have an agent. Pick your environment, install or copy the workflow, then run the smoke-test prompt above.

    Manus
    Task-oriented agent. Great for testing AI skills end-to-end.
    Try Manus →
    OpenClaw
    Local-first agent. Install skills via ClawHub CLI.
    Set up OpenClaw →
    Claude Code
    Anthropic's coding agent. Paste the prompt or SKILL.md into your session.
    Claude Code docs →
    Cursor
    AI-powered IDE. Use the smoke-test prompt in Cursor Agent.
    Open Cursor →
    Continue.dev
    Open-source AI code assistant. Add SKILL.md as a custom tool.
    Continue docs →
    Windsurf
    Agentic IDE by Codeium. Paste the prompt into Cascade.
    Try Windsurf →
    Cline
    VS Code extension for autonomous coding with MCP tools.
    Cline on GitHub →
    Copilot Workspace
    GitHub's AI dev environment. Suitable for code-generation skills.
    Copilot Workspace →

    🔍 Can't find the right skill?

    Search 60,000+ AI agent skills — free, no login needed.

    Search Skills →