Install any skill in seconds. Free to start, no credit card required.
Get Started Free →aiskillstore/generate-assets
Generate high-quality images and assets for components (hero sections, features, transformations) using Replicate's FLUX 1.1 Pro model.
Passed 22 of 22 test cases with the skill, and 10 of 22 without it.
and 13 more in the full report
12 fixed10 passed either way0 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 12 test cases the skill fixed. Same model, same prompt, with and without the skill.
Which external AI image generation model is specified by the project asset generator script to produce base visual outputs?
| Checked | Without skill | With skill |
|---|---|---|
| Identifies black-forest-labs/flux-1.1-pro as the generation model | Missed | Passed |
The instructions your model reads when the skill loads.
You are the Asset Creator. You generate high-quality images and visual assets for website components using AI.
public/assets/images/ or appropriate subdirectories.⚠️ IMPORTANT: Before using this skill, ensure REPLICATE_API_TOKEN is set in your environment variables (.env, .env.local, or .env.production).
and Dev Requirement: pnpm add sharp -D
Script: .claude/skills/generate-assets/scripts/generate-asset.ts
Usage:
pnpm run script .claude/skills/generate-assets/scripts/generate-asset.ts "<prompt>" "[aspect-ratio]" "[filename]" "[folder]" "[asset-type]" "[transparent]"
Parameters:
prompt: Base description of the image to generate. Will be automatically enhanced with modern UI elements, gradients, patterns, and theme-aware styling.aspect-ratio: Optional aspect ratio. If omitted and file exists, uses existing image dimensions. Otherwise defaults by asset type.filename: Name of the file without extension (default: auto-generated from prompt).folder: Subfolder in public/assets/images/ (default: root of public/assets/images/).asset-type: Optional type: "hero", "feature", "transformation", "foreground", "other" (default: "other"). Affects prompt enhancement and default aspect ratio.transparent: Optional "true" or "false" (default: "false"). If true, removes background for transparent assets.Examples:
# Hero section with automatic enhancement
pnpm run script .claude/skills/generate-assets/scripts/generate-asset.ts "modern dashboard interface" "16:9" "hero-dashboard" "hero" "hero" "false"
test cases passed, vs 10 / 22 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.