AI SummaryAutomatically generates real images to replace placeholder or missing image references in projects using the Wiro API, storing assets and maintaining a JSON mapping for easy integration. Useful for developers who need to quickly populate projects with generated images during development or prototyping.
Install
Copy this and paste it into Claude Code, Cursor, or any AI assistant:
I want to install the "wiro-image-fill" skill in my project. Please run this command in my terminal: # Install skill into the correct directory mkdir -p .claude/skills/wiro-image-fill-skill && curl --retry 3 --retry-delay 2 --retry-all-errors -o .claude/skills/wiro-image-fill-skill/SKILL.md "https://raw.githubusercontent.com/AndacGuven/wiro-image-fill-skill/main/SKILL.md" Then restart Claude Code (or reload the window in Cursor) so the skill is picked up.
Description
Generate missing or placeholder images in a project by calling the Wiro image generation API, saving assets under public/assets generated folders, and producing a JSON mapping. Use when you see empty img src, placeholder.png, or other image gaps that need real assets.
Overview
Generate real images via Wiro and write a mapping from placeholder keys to generated asset paths for later replacement.
How-to (quick start)
• Get API credentials from Wiro dashboard for the target project. • Provide credentials using one of the options below. • Run the generator script with a prompt. • Use the mapping output to update image references. Option A: export environment variables in the shell session. `bash export WIRO_API_KEY="your_project_api_key" export WIRO_API_SECRET="your_project_api_secret" ` Option B: create a .env file in the project root (user creates this file). `bash WIRO_API_KEY=your_project_api_key WIRO_API_SECRET=your_project_api_secret ` If .env does not exist, the script creates it with placeholder WIRO_API_KEY and WIRO_API_SECRET lines. The script reads .env by default if it exists. Use --env-file path/to/.env to point to a different file.
Workflow
• Locate missing images. • Draft a prompt from nearby UI context. • Run the generator script. • Use the mapping to update image references.
1) Locate missing images
Use ripgrep to find placeholders: `bash rg -n "src=\"\"|src=''|placeholder\.png" <project-root> ` Capture the placeholder key you will map (the literal placeholder string or path).
Discussion
Health Signals
My Fox Den
Community Rating
Sign in to rate this booster