Skip to content
Splinterpic Documentation

Generate Your First Image

Generate Your First Image

Section titled “Generate Your First Image”

Create your first AI-generated image in just a few steps.

Prerequisites

Section titled “Prerequisites”
  • Completed Installation Guide
  • ImageBot running locally or deployed to production
  • Valid user account

Step 1: Access the Application

Section titled “Step 1: Access the Application”

Navigate to ImageBot:

Step 2: Create an Account

Section titled “Step 2: Create an Account”

If you haven’t already:

  1. Click Register in the navigation
  2. Fill in your details:
    • Email address
    • Password (minimum 8 characters)
    • Display name
  3. Click Create Account
  4. You’ll be automatically logged in

Step 3: Navigate to Generation Panel

Section titled “Step 3: Navigate to Generation Panel”

The Generation Panel is the main view when you log in. If you’re on a different view:

  1. Click Generate in the navigation menu
  2. You’ll see the generation form

Step 4: Choose Your AI Model

Section titled “Step 4: Choose Your AI Model”

Select a model from the dropdown:

Recommended for Beginners:

  • Flux Schnell - Ultra-fast, high quality (⚡ Fastest)
  • Stable Diffusion XL - Industry standard
  • DreamShaper - Artistic style

Model Details: Each model has different characteristics:

  • Speed: How fast it generates
  • Quality: Output image quality
  • Style: Artistic interpretation
  • Cost: Credits per image

Step 5: Write Your Prompt

Section titled “Step 5: Write Your Prompt”

A good prompt clearly describes what you want to see:

Example Prompts

Section titled “Example Prompts”

Basic:

A serene mountain landscape at sunset

Detailed:

A cozy coffee shop interior with warm lighting, wooden furniture,
plants on shelves, people working on laptops, steam rising from cups,
large windows showing a rainy street outside

Artistic:

An abstract representation of time, swirling clocks melting into
a cosmic background, Salvador Dali style, vibrant colors

Prompt Tips

Section titled “Prompt Tips”

✅ Do:

  • Be specific about subject, style, lighting, mood
  • Use descriptive adjectives (vibrant, serene, dramatic)
  • Specify art style if desired (photorealistic, watercolor, digital art)
  • Mention camera angles or perspectives
  • Include atmosphere and mood

❌ Don’t:

  • Use vague descriptions (“something cool”)
  • Include contradictory elements
  • Use negative language (say what you want, not what you don’t)
  • Expect perfect results first try - iterate!

Step 6: Customize Parameters (Optional)

Section titled “Step 6: Customize Parameters (Optional)”

Click Advanced Settings to fine-tune:

Image Size

Section titled “Image Size”
  • 256x256 - Fast, preview quality
  • 512x512 - Standard quality
  • 1024x1024 - High quality (recommended)

Guidance Scale (7.5 default)

Section titled “Guidance Scale (7.5 default)”
  • Lower (3-5): More creative, less adherence to prompt
  • Medium (7-8): Balanced
  • Higher (9-15): Strict prompt following

Number of Steps

Section titled “Number of Steps”
  • 4 steps: Ultra-fast (Flux Schnell)
  • 20-30 steps: Standard quality
  • 50+ steps: Maximum quality (slower)

Step 7: Generate Your Image

Section titled “Step 7: Generate Your Image”
  1. Click the Generate Image button
  2. Watch the progress indicator
  3. Wait 5-15 seconds (varies by model)
  4. Your image appears in the preview area

What If It Fails?

Section titled “What If It Fails?”

If generation fails:

  • Check your internet connection
  • Verify Worker is running (npm run worker:dev)
  • Check browser console for errors
  • Try a simpler prompt
  • Try a different model

Step 8: Review Your Image

Section titled “Step 8: Review Your Image”

Once generated, you can:

View Details

Section titled “View Details”

Click the image to open the detail modal showing:

  • Full-size image
  • Prompt used
  • Model name
  • Generation timestamp
  • Cost (if applicable)

Download

Section titled “Download”
  • Click Download button
  • Image saves as PNG
  • Filename: imagebot-{id}.png

Add to Collection

Section titled “Add to Collection”
  • Click Add to Collection
  • Select existing collection or create new one
  • Organize your images by project

Share

Section titled “Share”
  • Click Share button (if in a team)
  • Share with team members
  • Set permissions (view/edit)

Step 9: Iterate and Improve

Section titled “Step 9: Iterate and Improve”

Your first image might not be perfect. Try:

Refine Your Prompt

Section titled “Refine Your Prompt”
Original: "A dog"
Better: "A golden retriever puppy playing in a sunny park, photorealistic"

Try Different Models

Section titled “Try Different Models”
  • Flux Schnell → Fast results
  • Stable Diffusion XL → More detailed
  • DreamShaper → Artistic interpretation

Use AI Prompt Copilot

Section titled “Use AI Prompt Copilot”
  1. Click Enhance Prompt button
  2. AI suggests improvements
  3. Review enhanced prompt
  4. Generate with improved prompt

Adjust Parameters

Section titled “Adjust Parameters”
  • Increase steps for more detail
  • Adjust guidance scale for creativity
  • Try different image sizes

Step 10: Organize Your Work

Section titled “Step 10: Organize Your Work”

Create Your First Collection

Section titled “Create Your First Collection”
  1. Navigate to Collections view
  2. Click Create Collection
  3. Name it (e.g., “My First Images”)
  4. Add description (optional)
  5. Click Create

Add Images to Collection

Section titled “Add Images to Collection”
  1. Go back to Gallery view
  2. Select images (checkbox appears on hover)
  3. Click Bulk Actions → Add to Collection
  4. Select your collection
  5. Click Add

Example Workflow

Section titled “Example Workflow”

Here’s a complete workflow from idea to finished image:

1. Define Your Goal

Section titled “1. Define Your Goal”

“I need a hero image for my coffee blog”

2. Write Initial Prompt

Section titled “2. Write Initial Prompt”
A beautiful coffee cup on a wooden table

3. Generate First Version

Section titled “3. Generate First Version”
  • Model: Flux Schnell
  • Size: 1024x1024
  • Generate

4. Evaluate Result

Section titled “4. Evaluate Result”

“Good start, but too plain. Need more atmosphere.”

5. Enhance Prompt

Section titled “5. Enhance Prompt”

Click Enhance Prompt → AI suggests:

A steaming cup of artisan coffee on a rustic wooden table,
warm morning light streaming through a window, coffee beans
scattered nearby, cozy café atmosphere, soft focus background,
professional food photography style

6. Generate Improved Version

Section titled “6. Generate Improved Version”
  • Model: Stable Diffusion XL (for more detail)
  • Guidance: 8.0 (stricter adherence)
  • Generate

7. Final Touches

Section titled “7. Final Touches”
  • Download image
  • Add to “Blog Images” collection
  • Add comment: “Hero image for January post”

Tips for Success

Section titled “Tips for Success”

1. Study Examples

Section titled “1. Study Examples”

Browse the Gallery to see what prompts produce good results:

  • Look at image details to see prompts
  • Save favorite prompts for reuse
  • Learn from community

2. Use Templates

Section titled “2. Use Templates”

Navigate to Prompt Packs to find pre-built templates:

  • E-commerce product photography
  • Social media posts
  • Marketing materials
  • Real estate
  • Food & beverage

3. Experiment with Styles

Section titled “3. Experiment with Styles”

Add style modifiers to your prompts:

  • “in the style of Van Gogh”
  • “photorealistic 4k”
  • “watercolor painting”
  • “digital art, trending on artstation”
  • “cinematic lighting, dramatic”

4. Build a Library

Section titled “4. Build a Library”

Create collections for different purposes:

  • Client work
  • Personal projects
  • Experiments
  • Best results

5. Learn from Analytics

Section titled “5. Learn from Analytics”

Check Analytics view to see:

  • Which models you use most
  • Most successful prompts
  • Generation patterns
  • Cost tracking

Common Beginner Mistakes

Section titled “Common Beginner Mistakes”

1. Vague Prompts

Section titled “1. Vague Prompts”

❌ “A nice picture” ✅ “A sunset over calm ocean waters, golden hour, peaceful atmosphere”

2. Overcomplicating

Section titled “2. Overcomplicating”

❌ “A futuristic cyberpunk city at night with neon lights and flying cars and robots and people and buildings and rain and reflections and…” ✅ “A cyberpunk city street at night, neon signs, rain-slicked pavement, atmospheric”

3. Wrong Model for Task

Section titled “3. Wrong Model for Task”
  • Don’t use artistic models for photorealism
  • Don’t use slow models for quick tests
  • Match model to desired output

4. Ignoring Parameters

Section titled “4. Ignoring Parameters”
  • Default settings work for most cases
  • Adjust only when needed
  • Understand what each parameter does

5. Not Iterating

Section titled “5. Not Iterating”
  • First result rarely perfect
  • Use variations
  • Refine prompts based on results
  • Save successful prompts for reuse

Next Steps

Section titled “Next Steps”

Now that you’ve generated your first image, explore:

Features to Try

Section titled “Features to Try”

Advanced Techniques

Section titled “Advanced Techniques”

Resources

Section titled “Resources”

Getting Help

Section titled “Getting Help”

If you’re stuck:

  1. Check Documentation

  2. Search Community

  3. Contact Support

Congratulations! 🎉

Section titled “Congratulations! 🎉”

You’ve successfully generated your first AI image with ImageBot!

Ready to create more? Head to the Features Overview to discover everything ImageBot can do.