Skills
.Work. You
Rest

frontend-image-generation

Official

Smart image sourcing with free-first asset strategy.

Design & Creative#automation#images#assets#ui-design#avatars#free-resources#illustrations
Authorpetbrains
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill eliminates the time and cost of sourcing UI assets by providing a "free-first" strategy that automatically recommends the best free resources (DiceBear, Unsplash, unDraw) before considering paid AI generation.

Core Features & Use Cases

  • Free Resource Database: Curated APIs for avatars, photos, illustrations, and backgrounds with zero cost.
  • Decision Framework: Clear rules for when to use free resources vs. when AI generation is justified.
  • Use Case: Imagine building a user profile page. This Skill provides DiceBear API URLs for avatar fallbacks, Unsplash for placeholder photos, and unDraw for empty state illustrations—delivering professional assets instantly without budget or licensing concerns.

Quick Start

Use the frontend-image-generation skill to find free avatar placeholders for a new user management dashboard that needs profile pictures before users upload their own.

Dependency Matrix

Required Modules

None required

Components

Standard package

đź’» Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: frontend-image-generation
Download link: https://github.com/petbrains/mvp-builder/archive/main.zip#frontend-image-generation

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.