skills.rest
feelyourprotocol
feelyourprotocolOFFICIAL
Explore all skills by this author →
Website𝕏@FeelEthereumGitHub

cover-image

Generate exploration cover images as WebP following topic-color and greyscale art rules.

4|Updated Feb 23, 2026
Search Tags:#image generation#webp#ethereum#illustration#cover image#prompt template#cwebp
One-click install
npx skills add https://github.com/feelyourprotocol/website --skill cover-image-feelyourprotocol
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: cover-image
Source: https://github.com/feelyourprotocol/website/tree/main/.cursor/skills/cover-image
Command: npx skills add https://github.com/feelyourprotocol/website --skill cover-image-feelyourprotocol

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Creating consistent cover art for Ethereum protocol explorations requires strict adherence to topic-based color palettes, composition rules, and file size budgets, which is error-prone when done manually. ## Core Features & Use Cases - Prompt Template Generation: Provides two ready-to-use image model prompt templates (human-chosen subject or AI-derived subject) with topic-specific hex color ranges resolved from TOPICS.ts. - Compression Pipeline: Enforces WebP output at 768x1024 (max 300 KB) plus a 300x400 small variant using cwebp before commit. - Use Case: When adding a new exploration for an EIP, generate a portrait 3:4 abstract technical illustration in the topic's color, save it as image.webp and image_small.webp, import both in info.ts, and regenerate the OG card. ## Quick Start Ask the agent to generate the cover image for a specific exploration ID and confirm the subject or let it derive one from the EIP summary.

Frequently Asked Questions about cover-image

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a cover image for a new exploration?▼

Read the exploration's info.ts for topic and title, resolve the topic color from TOPICS.ts, then fill in one of the two prompt templates with the hex range. Generate the image, save it as image.webp and image_small.webp, and compress both with cwebp before committing.

What colors are allowed in exploration cover art?▼

Only full greyscale plus shades of the exploration's topic color from the Tailwind palette, shades 50 through 900. Greyscale and the topic color must stay visually separate, and no other hues are permitted.

What size and format should the cover image be?▼

The cover must be a portrait 3:4 WebP at 768x1024 pixels and at most 300 KB, plus a 300x400 image_small.webp around 50 KB for cards. Compress with cwebp at quality 82 and 78 respectively, lowering quality if the size limit is exceeded.

Can I use the OG card image as the exploration cover?▼

No. OG and social cards are generated by a separate Playwright pipeline via npm run generate:og:exploration and must never be reused as cover art. Cover images come from an image model following the prompt templates.

When should I ask the human before generating cover art?▼

For standalone cover requests, ask the human to choose Template A or B and confirm the subject and mood before calling an image model. Within the add-exploration flow, default to Template B from the signed-off coreQuestion without an extra stop.

Related Skills

Explore More Design & Creative Skills→
cris-mcris-m

arxiv-search

Search arXiv by title, author, or topic with field-specific queries and returns IDs and metadata.

Community
Intermediate
pch007pch007
1

image

Render SVG and PNG images from JSON render specs using Satori.

Community
Advanced
bbvch-aibbvch-ai
9

document-feature

Generate VitePress feature documentation with correct directory placement and sidebar ordering.

Official
Intermediate
rebyteai-templaterebyteai-template
15

nano-banana

Generate images from text prompts via Google Nano Banana with adjustable models and resolutions.

Official
Intermediate