A robust utility for generating deterministic, high-quality image placeholders for UI mockups, documentation, and automated testing.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install random-image-placeholder
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install random-image-placeholder using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is Random Image Placeholder?
The Random Image Placeholder skill provides developers with a streamlined way to integrate dynamic or stable image assets into their projects using the Picsum.photos API. It allows for the creation of reproducible images through seed-based generation, ensuring that snapshots, tests, and documentation maintain visual consistency over time.
By leveraging this component of Openclaw Skills, developers can programmatically generate URLs or download files with specific attributes such as grayscale filters, varying blur intensities, and precise dimensions. This eliminates the need for manual asset hosting during the early stages of development and prototyping.
Random Image Placeholder Use Cases
- Creating consistent UI mockups and wireframes that require high-quality visual placeholders.
- Generating deterministic test fixtures for snapshot testing where image stability is critical.
- Automating the inclusion of placeholder assets in technical documentation and README files.
- Developing temporary image URLs for frontend demos and proof-of-concept applications.
How Random Image Placeholder Works
- The system identifies the user's intent based on triggers like dimensions, grayscale requirements, or specific image IDs.
- It determines the generation mode, prioritizing seed-based patterns for stability or ID-based patterns for specific imagery.
- Image parameters such as width, height, blur level (1-10), and grayscale are calculated.
- A Picsum URL is constructed directly or generated via a local Python script if advanced CLI output is required.
- If a download is requested, the system securely fetches the asset to a local directory like ./tmp/.
- The final URL or file path is returned to the user with a verification step to ensure accessibility.
Random Image Placeholder Setup
To use this integration within your Openclaw Skills environment, ensure you have Python available if you plan to use the local automation scripts.
# Example: Generate a 800x600 grayscale image URL with a specific seed
python skills/random-image-placeholder/scripts/picsum.py url --width 800 --height 600 --seed my-seed --grayscale
# Example: Download a specific image ID to your local temporary folder
python skills/random-image-placeholder/scripts/picsum.py download --id 237 --size 400 --output ./tmp/avatar.jpg
Random Image Placeholder Data Schema & Taxonomy
This skill manages data through structured URL patterns and local file storage. The following table describes the primary data attributes:
| Attribute | Type | Description |
|---|---|---|
seed |
String | Used for reproducible, deterministic image generation. |
id |
Integer | Points to a specific image within the Picsum library. |
grayscale |
Boolean | Applies a black-and-white filter to the image. |
blur |
Integer | Adjusts the blur intensity between 1 and 10. |
dimensions |
String | Format: {width}/{height} or {square_size}. |
path |
String | The local destination for downloaded assets (default: ./tmp/). |
Random Image Placeholder Advanced Features
- Deterministic Output: Uses seeds to ensure the same image is generated every time, perfect for CI/CD pipelines.
- CLI Integration: Supports direct Python script execution for batch processing and workflow automation.
- Cache Busting: Supports a random parameter to force fresh image loads when embedding multiple instances of the same size.
- Flexible Post-Processing: Easily combine grayscale and blur effects via standard query parameters.
SKILL.md
Loading
Related Openclaw Skills
AI Resource Master
A specialized resource evaluation tool for calculating GPU computing needs and server configurations for Large Language Model deployments in healthcare.
Backuptool
A zero-latency, offline technical reference tool providing instant access to implementation patterns and best practices for development workflows.
Competitive Analyst
A professional-grade market intelligence skill designed for in-depth competitor benchmarking, financial data extraction, and strategic industry mapping.
KSE Dev
A robust CLI-based development workflow that implements spec-driven design and project management for AI agents.
Analytics Tracking
A professional framework for implementing decision-focused analytics, event tracking plans, and privacy-compliant measurement across web and product stacks.
Portcheck
A comprehensive, zero-dependency reference tool for developers to quickly lookup implementation patterns, security best practices, and performance optimization guides.
Featured*
