One-click install
npx skills add https://github.com/samuelgabrielsikorjak-sys/techscope-website --skill image-samuelgabrielsikorjak-sys
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: image
Source: https://github.com/samuelgabrielsikorjak-sys/techscope-website/tree/main/.claude/skills/marketingskills-main/skills/image
Command: npx skills add https://github.com/samuelgabrielsikorjak-sys/techscope-website --skill image-samuelgabrielsikorjak-sys

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Creating marketing visuals — blog heroes, social graphics, product mockups, banners, and OG images — requires choosing the right AI model or design tool, writing effective prompts, matching platform dimensions, and optimizing files for web performance, which is time-consuming without guidance. ## Core Features & Use Cases - AI Image Generation Guidance: Compares Gemini, Flux, Ideogram, GPT Image, Midjourney, Recraft, and Stable Diffusion with a decision tree for text rendering, brand consistency, editing, and cost. - Platform-Specific Workflows: Provides exact dimensions and workflows for blog heroes, social graphics, product mockups, profile banners, and directory listings. - Image Optimization: Covers WebP/AVIF formats, compression commands, lazy loading, and dynamic OG image generation with Vercel OG, Satori, or Cloudinary. - Use Case: You need a hero image for a blog post plus resized variants for Twitter, LinkedIn, and Instagram — the skill recommends a model, writes the prompt, and gives you the Canva Magic Resize workflow with exact dimensions per platform. ## Quick Start Ask the assistant to create a 1200x630 blog hero image for your topic and generate the prompt, model recommendation, and optimization steps.

Frequently Asked Questions about image

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

FAQPage Schema
How do I generate a blog hero image with AI?

Use Flux or Gemini for photorealistic heroes, or Ideogram if the image needs text. Write a prompt following Subject + Setting + Style + Lighting + Composition + Technical specs, specify 1200x630, then compress to WebP under 200KB.

Which AI image model is best for text in images?

Ideogram 3.0 has the best text rendering accuracy for headlines and taglines. Gemini and GPT Image handle short text decently, but keep requests to 3-5 words and add longer text in post-processing instead.

Can AI generate screenshots of my product UI?

No — AI models hallucinate interfaces, so the result will not match your real product. Capture real screenshots at 2x resolution with browser DevTools, Shottr, or CleanShot X, then frame them in device mockups with annotations.

What image format should I use on my website?

WebP is the default choice with roughly 96% browser support, served with JPEG or PNG fallback. Use AVIF for higher compression, PNG for transparency and screenshots, and SVG for logos and icons.

How do I resize one image for multiple social platforms?

Create the design at the highest resolution needed, then use Canva Magic Resize to generate variants: 1200x675 for Twitter, 1200x627 for LinkedIn, 1080x1080 for Instagram feed, 1080x1920 for Stories, and 1200x630 for Facebook.

How do I automate OG images for every blog post?

Use programmatic generation with Vercel OG (@vercel/og), Satori, or Cloudinary text overlays. Build one branded template, then inject post metadata dynamically to produce a unique 1200x630 OG image per page.