skills.rest
JasonColapietro
JasonColapietroCOMMUNITY
Explore all skills by this author →
Website𝕏@johnnysuedeGitHub

suede-image

Produces marketing imagery through generation prompts, design templates, screenshots, and optimized exports.

123|10|Updated May 24, 2026
Search Tags:#image generation#image optimization#ai prompting#og image#product mockup#social graphics#marketing images
One-click install
npx skills add https://github.com/JasonColapietro/suede-creator-skills --skill suede-image-jasoncolapietro
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: suede-image
Source: https://github.com/JasonColapietro/suede-creator-skills/tree/main/skills/suede-image
Command: npx skills add https://github.com/JasonColapietro/suede-creator-skills --skill suede-image-jasoncolapietro

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Creating marketing images — blog heroes, social graphics, product mockups, banners, and OG previews — requires choosing the right production method, respecting brand and rights constraints, and exporting correctly sized, optimized files, which is error-prone when done ad hoc. ## Core Features & Use Cases - Rights-aware production workflow: Verifies callable tools, current provider documentation, asset rights, and maximum cost before generating or editing any image. - Placement-specific workflows: Covers blog heroes, social graphics per platform, product mockups from real screenshots, profile banners, and OG/social preview images with verified dimensions. - Optimization and truthful fallbacks: Provides format selection (WebP, AVIF, JPEG, PNG, SVG), compression commands, and a structured prompt/layout/manifest package when no image tool is callable. - Use Case: A founder needs a Twitter/X header showing their product and tagline — the skill verifies current platform specs, uses a real product screenshot, adds the tagline deterministically, and exports at the correct size. ## Quick Start Use the suede-image skill to create a hero image for my blog post about email deliverability, including the prompt, layout spec, and export checklist.

Frequently Asked Questions about suede-image

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

FAQPage Schema
How do I create a blog hero image with AI generation?▼

Define a visual metaphor for the topic, verify a callable generation tool and its current documentation, then write a structured prompt covering subject, setting, style, lighting, composition, and aspect ratio. Confirm dimensions from the actual site component and optimize the export to a measured byte budget.

Should I use AI generation or a design tool for marketing images?▼

Use design tools like Canva or Figma for exact brand guidelines, recurring templates, and many size variants. Use AI generation for unique hero images and abstract visuals. Never use AI generation for product UI mockups — capture real screenshots instead, since models hallucinate interfaces.

What image format is best for website performance?▼

Choose based on your target browser matrix: WebP or AVIF for photos when supported, JPEG for broad compatibility, PNG for transparency and lossless screenshots, and SVG for trusted vector logos. Resize to display dimensions, compress to a measured byte budget, and add explicit width and height attributes.

Can AI generate an image of my app's dashboard?▼

No — AI models hallucinate product interfaces, so the skill rejects fictional UI. Capture a real authorized screenshot using browser or OS capture tooling, then frame it in a device mockup and add annotations deterministically.

What are the limitations of AI image generation for brand assets?▼

AI generation is poor for logos (inconsistent, not vector), favicons, and social icons — these should be designed or derived from approved files. It works for concept exploration and illustrations, but final brand assets require design tools and verified rights.

Related Skills

Explore More Marketing & Sales Skills→
Adelie-SquadAdelie-Squad
17

Brand Marketer Agent

Generate brand strategy, naming, tone, and visual guidelines from business inputs.

Official
Advanced
AvihusittonAvihusitton

image

Generate, optimize, and convert marketing images to WebP/AVIF formats.

Community
Advanced
PostalocityPostalocity
1

seo-images

Audits images for SEO and performance, including alt text, formats, and lazy loading.

Official
Intermediate
andersoncollabandersoncollab

ad-creative-design

Generate platform-specific ad creative specifications with exact dimensions and text limits.

Community
Advanced