visualize

Design Partner Visualize Command

For Claude: Generate actual images using DALL-E 3 or Gemini Imagen based on design ideas.

Process

1. Check API Key Availability

# Run detection script
node ${CLAUDE_PLUGIN_ROOT}/scripts/detect-api-keys.js

If no keys found, inform user:

No image generation providers configured.

To generate images, you'll need an API key from:
- OpenAI DALL-E 3: https://platform.openai.com/api-keys (~$0.04/image)
- Google Gemini: https://aistudio.google.com/app/apikey (~FREE/image)

Run /dp:providers setup to configure.

2. Load Context

• Read .claude/dp.local.md to get:
  • Current idea (if idea-id provided, load that specific idea)
  • Design Brief (users, job, constraints)
  • Current budget and spend

3. Use AskUserQuestion (2 questions)

{
  "questions": [
    {
      "question": "What type of image should I generate?",
      "header": "Image Type",
      "multiSelect": false,
      "options": [
        {
          "label": "UI Mockup",
          "description": "Realistic product screenshot or interface"
        },
        {
          "label": "Concept Illustration",
          "description": "Artistic representation of the idea"
        },
        {
          "label": "User Scenario",
          "description": "Person using the product in context"
        },
        {
          "label": "Marketing Visual",
          "description": "Hero image for landing page or presentation"
        }
      ]
    },
    {
      "question": "Which provider should I use?",
      "header": "Provider",
      "multiSelect": false,
      "options": [
        {
          "label": "DALL-E 3 (OpenAI) - $0.04",
          "description": "Best quality, photorealistic (Recommended)"
        },
        {
          "label": "Gemini 3 Pro - Free (preview)",
          "description": "Good quality, budget-friendly"
        },
        {
          "label": "Use my default",
          "description": "Auto-select based on your settings"
        }
      ]
    }
  ]
}