🖼️Visual Content Workflows Skills
Browse skills in the Visual Content Workflows category.
Nanobanana
A powerful skill for Claude agents.
Icon Design
A powerful skill for Claude agents.
Favicon Gen
A powerful skill for Claude agents.
Nano Banana Pro
A powerful skill for Claude agents.
Baoyu Image Gen
A powerful skill for Claude agents.
Baoyu Infographic
A powerful skill for Claude agents.
Baoyu Compress Image
A powerful skill for Claude agents.
Release Skills
A powerful skill for Claude agents.
Marp Slide
A powerful skill for Claude agents.
Meme Factory
A powerful skill for Claude agents.
Baoyu Comic
A powerful skill for Claude agents.
Slack Gif Creator
A powerful skill for Claude agents.
Baoyu Cover Image
A powerful skill for Claude agents.
Baoyu Article Illustrator
A powerful skill for Claude agents.
Baoyu Slide Deck
A powerful skill for Claude agents.
media-processing
Process multimedia files with ImageMagick (image manipulation, format conversion, batch processing, effects, composition). Use when converting media formats, encoding images
free-vision
Handle vision/image tasks (read, describe, analyze images) by calling Gemini CLI or Qwen Code CLI from the shell. Use for requests to interpret or describe images, extract visible text, or summarize visual content; prefer Gemini and fall back to Qwen if Gemini fails or is too generic.
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
create-placeholder-image
画像生成AI用プロンプトを含むプレースホルダー画像を生成するスキル。技術ドキュメントに挿入するイラスト用のプレースホルダー画像を作成する際に使用する。プロンプト、スタイル、要素、日本語ラベルを指定してJPG画像を生成する。
image
ImageAgent - Generate EVOLEA Brand Images with Reinforcement Learning
game-assets-team
Complete game asset design, creation, implementation, and optimization team. Use when creating visual assets, art direction, sprites, UI elements, icons, textures, animations specs, audio design, or any game visuals. Covers AI image generation (Gemini), asset pipelines, optimization for web/mobile, style guides, and performance tuning. Triggers on requests for game art, icons, backgrounds, character designs, UI assets, promotional materials, or asset troubleshooting.
canvas-design
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.
image-processor
Processes, crops, resizes, and optimizes images (PNG, JPG, JPEG, WebP) and SVG files to any specified dimensions, with presets for common favicon sizes
flowforge-ui-ux
Be a Flowforge UI/UX specialist. Apply Flowwise-like patterns, deliver clean, readable, intentional components, continuously question and improve design decisions for the Flowforge app.
asset-generator
Generate app icons, splash screens, and adaptive icons for iOS, Android, and Web. Use when creating or updating visual assets.
3d-modeling
Generate 3D printable models using MichelangeloCC. Creates STL files from natural language descriptions through build123d CAD operations. Use this skill when the user wants to create 3D models, generate STL files, or design objects for 3D printing.
gemini-image-generator
Generate images using Google Gemini AI with text prompts and reference images. Use when creating game assets, concept art, UI mockups, promotional images, or any visual content. Supports text-to-image, image-to-image with style transfer, and multiple output sizes. Requires GEMINI_API_KEY environment variable. Triggers on requests for AI image generation, concept art, visual assets, or Gemini images.
blog-image-generator
Generate cyberpunk-styled images for blog posts including banners (16:9), callouts (1:1), and diagrams (9:16). Use this skill when creating new blog posts, when asked to generate images, or when updating visuals for existing posts. Creates consistent character-based imagery following the blog's visual identity.
supermachine
Generates AI images for e-learning courses using Supermachine.art. Use when creating course graphics, illustrations, thumbnails, module visuals, educational diagrams, stock photo replacements, or when user mentions "AI image," "generate image," "create visual," "course graphics," "Supermachine," or "illustration for course."
image-processing
Verarbeitet Bilder für PferdeWert - konvertiert zu WebP mit sprechendem Namen. Automatisch verwenden wenn User einen Bild-Link schickt!
photographer-lachapelle
Generate images in David LaChapelle's surreal pop art style. Use when users ask for LaChapelle style, pop surrealism, hyper-saturated colors, theatrical staging, baroque maximalism, kitsch aesthetic.
creating-illustrations
Generates high-quality image prompts for AI image generators (Midjourney, DALL-E, Stable Diffusion). Use when user mentions "イラスト作成", "画像プロンプト", "プロンプト生成", or "画像生成".
gif-creation
Create optimized GIFs from videos or image sequences using 2-pass palette generation. Use when users ask to create GIF, video to GIF, optimize GIF, animated GIF, GIF from images, or reduce GIF file size. Supports quality presets and custom timing.
designing-books
Design and produce professional print-ready books from manuscripts. Use when creating book interiors, cover designs, typesetting memoirs or life stories, preparing PDFs for print-on-demand services (KDP, IngramSpark, Lulu), or when the user mentions book layout, typography, trim sizes, or print production.
photographer-ritts
Generate images in Herb Ritts' sculptural black and white style. Use when users ask for Ritts style, classical Greek aesthetic, sculptural body photography, California golden hour, minimalist athletic portraits.
carousel-generator
Generate LinkedIn/Instagram carousel slides. Use when the user wants to create a carousel, social media slides, or visual content series from a topic or idea.
svg-illustrations
Expert knowledge for creating hand-drawn style SVG illustrations. Activate when creating custom diagrams, working with illustration components, or needing consistent visual design for lessons.
photographer-lindbergh
Generate images in Peter Lindbergh's iconic black and white style. Use when users ask for Lindbergh style, raw authentic beauty, emotional B&W portraits, supermodel aesthetic, or unretouched natural photography.
texture-creation
Guide for creating mod textures using vanilla texture reuse and color transformation
production-operations
Complete production pipeline for creating hypnotic audio/video sessions
slack-gif-creator
Toolkit for creating animated GIFs optimized for Slack, with validators for size constraints and composable animation primitives. This skill applies when users request animated GIFs or emoji animations for Slack from descriptions like "make me a GIF for Slack of X doing Y".
video-processing
Smart video processing for compress, convert, trim, and audio extraction with batch support. Use when users ask to compress videos, convert to MP4/WebM, extract video clips, trim videos, remove audio, extract audio tracks, or batch process video files. Supports modern codecs and social media presets.
convert-image
PNG/JPG/JPEG画像をWebP、ICO、SVG形式に変換。「画像を変換して」「webpに変換」などで使用。
nano-banana
Generate images from text prompts using Google Nano Banana (Gemini image generation) via eng0 data API. Use when user asks to generate, create, or make images, pictures, illustrations, or artwork from descriptions. Triggers include "generate image", "create image", "make a picture", "draw", "illustrate", "image of", "picture of", "nano banana". Do NOT use for image editing or manipulation of existing images.
figma
Access Figma design data via Framelink MCP. Fetch layout, styles, components from Figma files/frames. Use when implementing UI from Figma designs, extracting design tokens, or downloading assets.
nano-banana-skill
Generate and edit images using Google Gemini's Nano Banana image generation API via undyapi.com proxy. Use when users want to generate images from text descriptions, edit existing images with AI, or create visual content. Supports aspect ratio and quality control.
design
UX and CX design workflows for wireframing, prototyping, and customer journey mapping. Use when creating wireframes, designing user interfaces, prototyping interactions, mapping customer journeys, or conducting UX/CX design work. Used in PDLC Feature-Refinement workflow for Story_And_Design_Start and Prototyping nodes by UX-Designer and CX-Designer agents.
video-assembly
Assemble final video from audio, images, and subtitles
markdown-slides
Create presentation slides from markdown with an iterative workflow. Use when the user wants to:(1) Create a slide deck or presentation in markdown format(2) Build slides iteratively, one at a time(3) Generate HTML output from markdown slidesWorkflow: Create skeleton → iterate over each slide → user says "commit!" to save.Outputs CommonMark-compliant markdown that converts to styled HTML.
art
Complete visual content system for PAI. Tron-meets-Excalidraw aesthetic. USE WHEN user wants to create visual content, illustrations, diagrams, or visualizations.