BuilderIO/slide-images
templates/slides/.agents/skills/slide-images/SKILL.md
Image generation workflow -- generate-image, image-search, logo-lookup scripts. Style reference patterns.
$ install --global
skillsauthnpx skillsauth add BuilderIO/agent-native slide-imagesInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 16, 2026, 7:48 PM14.1s1 file scanned
SKILL.md
- name:
- slide-images
- description:
- Image generation workflow -- generate-image, image-search, logo-lookup scripts. Style reference patterns.
Slide Images
Images for slides are generated or sourced via three scripts. The agent delegates image generation through the agent chat for conversational follow-up.
Scripts
| Script | Purpose | Example |
|--------|---------|---------|
| generate-image | Generate images with Gemini + style references | pnpm action generate-image --prompt "hero image" --count 3 |
| image-search | Search Google Images via Custom Search API | pnpm action image-search --query "Acme logo transparent" --count 5 |
| logo-lookup | Get company logo URL via Logo.dev API | pnpm action logo-lookup --domain acme.com |
| image-gen-status | Check if Gemini API key is configured | pnpm action image-gen-status |
Image Generation Flow
The standard workflow for generating slide images:
- User clicks "Image" in the editor or asks the agent
- Agent runs
pnpm action generate-image --prompt "..." --count 3 - Agent shows variations to the user in chat
- User picks a favorite
- Agent writes the chosen image into the slide content
- User can follow up: "make it darker", "try a different angle"
generate-image Options
--prompt Image description (required)
--slide-content HTML content of the current slide
--deck-id Deck ID to load full deck text as context
--slide-id Slide ID within the deck
--reference-image-urls Comma-separated URLs of extra reference images
--count Number of variations (default: 1)
--output Output file path prefix
Default style reference images from shared/api.ts are always included.
Logo Lookup
Two options for company logos:
Option 1: Logo.dev API (best quality, requires LOGO_DEV_TOKEN):
pnpm action logo-lookup --domain acme.com
Option 2: Google Image Search (fallback):
pnpm action image-search --query "Acme logo transparent" --count 5
Important Rules
- Always include style references for visual consistency
- Use
.fmd-img-placeholderdivs in slides before real images are generated - Never use web_search or manual URL guessing for images
- After inserting an image, update the deck via the API
Related Skills
BuilderIO/booker
tools
VerifiedTrustedCommunity
Public booking flow — the state machine, animations, and URL/app-state sync.
108SKILL.mdUpdated Apr 19, 2026
BuilderIO/workflows
tools
VerifiedTrustedCommunity
Trigger-based automations — reminders, follow-ups, webhooks — across the booking lifecycle.
46SKILL.mdUpdated Apr 19, 2026
BuilderIO/team-scheduling
tools
VerifiedTrustedCommunity
Team event types, round-robin assignment, collective bookings, host weights, and no-show calibration.
46SKILL.mdUpdated Apr 19, 2026
BuilderIO/slot-engine
development
VerifiedTrustedCommunity
The pure `computeAvailableSlots` function — inputs, outputs, invariants, and debugging guide.
46SKILL.mdUpdated Apr 19, 2026