placeholder-images
CommunityCreate SVG placeholders fast for prototypes.
AuthorProfPowell
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Designers and developers often need quick, lightweight visuals to fill layouts. This Skill generates scalable, labeled and brand-aware SVG placeholders to speed up prototyping without sourcing real images.
Core Features & Use Cases
- Simple Placeholders: Grey boxes with diagonal X for quick layout scaffolding.
- Labeled Placeholders: Add descriptive text for clarity in mockups.
- Brand Themed: Generate placeholders that align with brand colors via tokens.
Quick Start
Generate a 400x400 simple placeholder: node scripts/generate-placeholder.js --type simple --size 400x400
Dependency Matrix
Required Modules
None requiredComponents
scripts
💻 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: placeholder-images Download link: https://github.com/ProfPowell/project-template/archive/main.zip#placeholder-images Please download this .zip file, extract it, and install it in the .claude/skills/ directory.