image-generator

Generate educational visuals with six quality gates for Docusaurus lessons.

1|Updated Feb 19, 2026
One-click install
npx skills add https://github.com/ayeshakhalid192007-dev/humanoid-ai-studio --skill image-generator-ayeshakhalid192007-dev
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: image-generator
Source: https://github.com/ayeshakhalid192007-dev/humanoid-ai-studio/tree/main/.claude/skills/image-generator
Command: npx skills add https://github.com/ayeshakhalid192007-dev/humanoid-ai-studio --skill image-generator-ayeshakhalid192007-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Educational content often accepts first-pass visuals that are generic, mislabeled, or inaccessible, leaving learners confused and creating orphan assets that never get embedded into lessons. This Skill replaces that brittle process with a principled, multi-turn generation workflow that produces pedagogically effective, production-ready images and ensures each visual is validated, unique, and immediately integrated into the course.

Core Features & Use Cases

  • Multi-turn reasoning partnership with Gemini using creative briefs (story, intent, visual metaphor) rather than pixel specs to activate reasoning and improve aesthetic and pedagogical decisions.
  • Six explicit quality gates (spelling accuracy, layout precision, color accuracy, typography hierarchy, teaching effectiveness, uniqueness) to ensure production readiness before download.
  • Browser-based Playwright MCP workflow guidance for interacting with gemini.google.com, downloading full-size images, and copying assets into robolearn-interface static directories.
  • Batch mode with token conservation and autonomous execution for large visual sets, including checkpoint files for interruption recovery and a reflection artifact for continuous improvement.
  • Immediate embedding workflow that inserts images into the correct lesson at the right pedagogical insertion point to avoid orphan assets.
  • Use cases: batch-generate chapter visuals for a Docusaurus course, iterate on failed typography or color gates for accessibility, and produce unique, curriculum-aligned infographics.

Quick Start

Paste a concise creative brief into Gemini, run the six quality gates, download a passing image, and embed it into the target lesson file.

Frequently Asked Questions about image-generator

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate pedagogically optimized educational visuals for a Docusaurus course?

You generate pedagogically optimized educational visuals by using a multi-turn reasoning workflow with Gemini, guided by creative briefs to replace generic first-pass images with production-ready assets. This ensures visuals are validated and immediately integrated into the correct lesson.

What quality gates should I use to verify educational infographics before embedding them?

To verify educational infographics before embedding, you should use six explicit quality gates: spelling accuracy, layout precision, color accuracy, typography hierarchy, teaching effectiveness, and uniqueness. These gates ensure production readiness and pedagogical effectiveness before download.

Can I batch generate chapter visuals and resume the process if it gets interrupted?

Yes, you can batch generate large sets of chapter visuals with token conservation and autonomous execution. The workflow includes checkpoint files for interruption recovery and generates a reflection artifact to support continuous improvement across the batch.

Does the image generation workflow support Playwright for downloading full-size assets from gemini.google.com?

Yes, the image generation workflow provides browser-based Playwright MCP guidance for interacting with gemini.google.com. This allows you to automate downloading full-size images and copying the assets directly into static directories for immediate embedding.

Why do first-pass generated images often fail to integrate well into course content?

First-pass generated images often fail because they are generic, mislabeled, or inaccessible, which confuses learners and creates orphan assets. A principled, multi-turn generation workflow solves this by validating uniqueness and inserting visuals at the correct pedagogical insertion point.

What is the best way to ensure generated images are actually embedded into the correct lesson files?

The best way to ensure generated images are embedded is to use an immediate embedding workflow that inserts passing visuals into the correct lesson file at the right pedagogical insertion point. This avoids orphan assets and ensures the visual aligns with the curriculum.