Skill
Image Generation
baoyu-article-illustra…
Analyzes article structure, identifies positions requiring visual aids, generates illustrations with Type × Style × Palette three-dimension approach. Use when…
@jimliuView SkillClaude Code Image Generation skills :)
Flowy lists 83 skills in the Image Generation category for Claude Code, across 26 plugins. A skill is a folder of instructions an agent loads while you work. Every one here shows what is inside before you install, who wrote it, and whether it is Auto-invoked, meaning a FLOW.md router fires it as you prompt.
Showing 83 of 83
@jimliuView SkillSkill
Image Generation
baoyu-comic
Knowledge comic creator supporting multiple art styles and tones. Creates original educational comics with detailed panel layouts and batch-capable image…
@jimliuView SkillSkill
Image Generation
baoyu-compress-image
Compresses images to WebP (default) or PNG with automatic tool selection. Use when user asks to "compress image", "optimize image", "convert to webp", or…
@jimliuView SkillSkill
Image Generation
drawio-skill
Use when the user requests diagrams, flowcharts, architecture diagrams, ER diagrams, UML / sequence / class diagrams, SysML / MBSE diagrams (block definition,…
@agents365-aiView SkillSkill
Skill
Image Generation
infographic-item-creat…
Generate or update infographic Item components for this repo (TypeScript/TSX in src/designs/items). Use when asked to design, implement, or modify data item…
@antvisView SkillSkill
Image Generation
infographic-structure-…
Generate or update infographic Structure components for this repo (TypeScript/TSX in src/designs/structures). Use when asked to design, implement, or modify…
@antvisView SkillSkill
Image Generation
drawio
Always use when user asks to create, generate, draw, or design a diagram, flowchart, architecture diagram, ER diagram, sequence diagram, class diagram, network…
@jgraphView SkillSkill
Image Generation
diagram-design
Create technical and product diagrams — architecture, IT current-state, flowchart, sequence, state machine, ER / data model, timeline, swimlane, quadrant,…
@cathrynlaveryView SkillSkill
Skill
Skill
Skill
Skill
Image Generation
product-photoshoot
Multi-angle product imagery workflow. Use when the user wants to "shoot a product", "make e-commerce product images", "product photography set", "电商产品图",…
@jau123View SkillSkill
Image Generation
social-thumbnail
Vertical-format thumbnail and poster workflow for short-video platforms and social feeds. Use when the user asks for a "video thumbnail", "短视频封面", "竖版海报",…
@jau123View SkillSkill
Image Generation
visual-creative
This skill should be used when the user asks to "generate an image", "create artwork", "design a logo", "make a poster", "draw something", "find inspiration",…
@jau123View SkillSkill
Image Generation
guizang-material-illus…
Generate Guizang-style material illustrations, labeled explanatory visuals, material-styled chart illustrations, and data-first editorial images from articles,…
@op7418View SkillSkill
Image Generation
banana
AI image generation Creative Director powered by Google Gemini Nano Banana models. Use this skill for ANY request involving image creation, editing, visual…
@agricidanielView SkillSkill
Image Generation
Document-illustrator-s…
基于文档内容自动生成配图。AI 智能分析文档结构，归纳核心要点， 为每个主题生成符合特定风格的配图。支持封面图生成和自定义图片比例。 使用场景：当用户需要为文档、文章、笔记生成配图时。 关键词：配图、插图、illustration、generate images、document images
@op7418View SkillSkill
Image Generation
editorial-card-screens…
Generate high-density editorial HTML info cards in a modern magazine and Swiss-international style, then capture them as ratio-specific screenshots. Use when…
@shaomView SkillSkill
Image Generation
claude-design-card
将任意文本、网页或 URL 生成符合 Claude/Anthropic 设计语言的 HTML 信息卡片，通过 Playwright 截图为 PNG。 支持 14 种格式：平台封面（公众号、视频号、B站、抖音）、图文内容卡（小红书、教程、对比分析）、…
@geekjourneyxView SkillSkill
Skill
Image Generation
gpt-image2-ecommerce
Use when generating e-commerce product images, advertising materials, or commercial photography using GPT-Image-2 via Codex CLI. Triggers on requests for…
@buluslanView SkillSkill
Image Generation
tldraw-skill
Use when user requests diagrams, flowcharts, architecture charts, or visualizations. Also use proactively when explaining systems with 3+ components, complex…
@agents365-aiView SkillSkill
Image Generation
art
Complete visual content system for Claude Code. Default aesthetic - light backgrounds, teal/burnt orange accents, hand-drawn sketch style.
@aplaceforallmystuffView SkillSkill
Image Generation
meshy-3d-generation
Generate 3D models, textures, images, rig characters, and animate them using the Meshy AI API. Handles API key detection, setup, and all generation workflows…
@meshy-devView SkillSkill
Image Generation
meshy-3d-printing
3D print models generated with Meshy AI, plus Creative Lab consumer products. Handles slicer detection, white model printing, multi-color printing via API, the…
@meshy-devView SkillSkill
Image Generation
meshy-openclaw
Generate 3D models, textures, images, rig characters, animate them, and prepare for 3D printing using the Meshy AI API. Handles API key detection, task…
@meshy-devView SkillSkill
Image Generation
bria-ai
AI image generation, editing, and background removal API via Bria.ai — remove backgrounds to get transparent PNGs and cutouts, generate images from text…
@bria-aiView SkillSkill
Image Generation
image-utils
Classic image manipulation with Python Pillow - resize, crop, composite, format conversion, watermarks, brightness/contrast adjustments, and web optimization.…
@bria-aiView SkillSkill
Image Generation
remove-background
Remove backgrounds from images — background removal API for transparent PNGs, cutouts, and masks. Segment foreground from background. Powered by Bria RMBG 2.0.…
@bria-aiView SkillSkill
Image Generation
plantuml-skill
Use when user requests diagrams, flowcharts, sequence diagrams, class diagrams, component diagrams, ER diagrams, architecture charts, or visualizations —…
@agents365-aiView SkillSkill
Image Generation
3d-model-generator-by-…
Generate procedural 3D models from natural-language requests by writing a constrained buildModel(ctx) module that uses Three.js, bundled builders and helpers,…
@yuki001View SkillSkill
Image Generation
animation-shader
READ this skill when implementing or configuring animation-style shaders (Toon/Cel Shaders) — including outlines, rim lighting, toon shading, MatCap, emission,…
@yuki001View SkillSkill
Image Generation
game-architect
READ this skill when designing or planning any game system architecture — including combat, skills, AI, UI, multiplayer, narrative, or scene systems. Contains…
@yuki001View SkillSkill
Skill
Image Generation
generate
Generate one or more images, optionally with reference images, through Codex CLI's built-in imagegen skill
@kinggyusuhView SkillSkill
Image Generation
status
Report Codex CLI prerequisites, login status, and image attachment support for image generation
@kinggyusuhView SkillSkill
Image Generation
animated-sketch-diagra…
生成"黑墨手绘涂鸦"风格的动画架构图/流程图：米色纸面、针管笔墨线、极淡水洗色块、简笔涂鸦图标、序号章、连线上的流动圆点动画、图标微动效。产出单文件自包含动画 HTML（SVG+CSS），可一键导出无缝循环 GIF。当用户想画架构图、流程图、信息图、技术示意图、对比图、pipeline/workflow…
@oldyadeView SkillSkill
Image Generation
genimage
Generate, edit, or create any image — photos, illustrations, icons, thumbnails, hero images, banners, placeholder visuals, website graphics, social media…
@ibrahim-3dView SkillSkill
Skill
Image Generation
sketchloop
Draw a hand-drawn-style diagram from a description and render it to an actual PNG: flowcharts, architecture, sequence/ER diagrams, graphs, mind maps,…
@alexander-posztosView SkillSkill
Image Generation
baoyu-cover-image
Generates article cover images with 5 dimensions (type, palette, rendering, text, mood) combining 11 color palettes and 7 rendering styles. Supports cinematic…
@jimliuView SkillSkill
Image Generation
baoyu-danger-gemini-we…
Generates images and text via reverse-engineered Gemini Web API. Supports text generation, image generation from prompts, reference images for vision input,…
@jimliuView SkillSkill
Image Generation
baoyu-danger-x-to-mark…
Converts X (Twitter) tweets and articles to markdown with YAML front matter. Uses reverse-engineered API requiring user consent. Use when user mentions "X to…
@jimliuView SkillSkill
Image Generation
infographic-syntax-cre…
Generate AntV Infographic syntax only. Use when asked to turn notes, outlines, reports, or other user content into the Infographic DSL with template selection,…
@antvisView SkillSkill
Image Generation
infographic-template-u…
Update template catalogs and UI prompts after adding new infographic templates (src/templates/*.ts), including SKILL.md template list, site gallery template…
@antvisView SkillSkill
Skill
Skill
Skill
Image Generation
vgl
Maximum control over AI image generation — write structured VGL (Visual Generation Language) JSON that explicitly controls every visual attribute. Define exact…
@bria-aiView SkillSkill
Image Generation
video-remove-backgroun…
Remove backgrounds from videos — video background removal API for transparent videos, alpha-channel clips, and green-screen-free footage. Powered by Bria's…
@bria-aiView SkillSkill
Image Generation
game-image-generation-…
Plan, generate, inspect, vision-evaluate, refine, and package images and visual assets for game development through a backend-agnostic production loop. Use for…
@yuki001View SkillSkill
Image Generation
gat-brainstorm
Brainstorm a game idea through one-question-at-a-time designer interviews. Produces game.md, systems-index.md, and art-direction.md, or runs as discussion-only.
@yuki001View SkillSkill
Image Generation
gat-design
Design one system within a specific milestone's scope: write the milestone-scoped system GDD, content data, and system art doc, and update the milestone…
@yuki001View SkillSkill
Image Generation
baoyu-diagram
Create professional, dark-themed SVG diagrams of any type — architecture diagrams, flowcharts, sequence diagrams, structural diagrams, mind maps, timelines,…
@jimliuView SkillSkill
Image Generation
baoyu-electron-extract
Extracts resources and JavaScript from any installed Electron app (`.asar` bundle), restoring original sources from `.js.map` files when available or…
@jimliuView SkillSkill
Image Generation
baoyu-format-markdown
Formats plain text or markdown files with frontmatter, titles, summaries, headings, bold, lists, and code blocks. Use when user asks to "format markdown",…
@jimliuView SkillSkill
Skill
Skill
Skill
Image Generation
gat-milestone
Plan milestone slices from overview + narrative alone (no system GDDs required), create per-milestone directory skeletons and briefs, and write…
@yuki001View SkillSkill
Image Generation
gat-story
Develop game story and narrative through one-question-at-a-time writer interviews. Produces narrative docs under gat/narrative/ or runs as discussion-only. Use…
@yuki001View SkillSkill
Image Generation
gat-workflow-start
Inspect the repo state and show a status panel across all milestones, recommending the earliest actionable next step in the workflow.
@yuki001View SkillSkill
Image Generation
baoyu-image-gen
AI image generation with OpenAI GPT Image 2, Azure OpenAI, Google, OpenRouter, DashScope, Z.AI GLM-Image, MiniMax, Jimeng, Seedream, Replicate and Agnes APIs.…
@jimliuView SkillSkill
Image Generation
baoyu-infographic
Generate professional infographics with 21 layout types and 22 visual styles. Analyzes content, recommends layout×style combinations, and generates…
@jimliuView SkillSkill
Image Generation
baoyu-markdown-to-html
Converts Markdown to styled HTML with WeChat-compatible themes. Supports code highlighting, math, Mermaid (rendered to PNG via headless Chrome), PlantUML,…
@jimliuView SkillSkill
Skill
Image Generation
imagemagick-cli
Comprehensive ImageMagick 7 command-line image processing for inspecting, converting, resizing, cropping, compositing, masking, drawing, annotating, color…
@yuki001View SkillSkill
Image Generation
oop-ddd-ai-coding-cons…
Enforce OOP and DDD engineering constraints for C# and TypeScript game development. Use when implementing, refactoring, reviewing, or verifying gameplay…
@yuki001View SkillSkill
Image Generation
openrouter-image-gener…
Generate images through OpenRouter's dedicated Image API. Use this skill whenever the user wants to create, render, generate, or save images with OpenRouter,…
@yuki001View SkillSkill
Image Generation
baoyu-post-to-wechat
Posts content to WeChat Official Account (微信公众号) via API or Chrome CDP. Supports article posting (文章) with HTML, markdown, or plain text input, and image-text…
@jimliuView SkillSkill
Image Generation
baoyu-post-to-weibo
Posts content to Weibo (微博). Supports regular posts with text, images, and videos, and headline articles (头条文章) with Markdown input via Chrome CDP. Use when…
@jimliuView SkillSkill
Image Generation
baoyu-post-to-x
Posts content and articles to X (Twitter). Supports regular posts with images/videos and X Articles (long-form Markdown). In Codex, honor explicit requests for…
@jimliuView SkillSkill
Image Generation
openrouter-video-gener…
Generate and download videos through OpenRouter's dedicated asynchronous Video API. Use this skill whenever the user wants to create, render, generate, poll,…
@yuki001View SkillSkill
Image Generation
slice-video-frames
Extract ordered still-image frames from local video files with FFmpeg, using a fixed FPS, an exact frame count, explicit timestamps, or every source frame;…
@yuki001View SkillSkill
Image Generation
baoyu-slide-deck
Generates professional slide deck images from content. Creates outlines with style instructions, then generates individual slide images. Use when user asks to…
@jimliuView SkillSkill
Image Generation
baoyu-translate
This skill should be used when the user asks to "translate", "翻译", "精翻", "translate article", "translate to Chinese", "translate to English", "改成中文", "改成英文",…
@jimliuView SkillSkill
Image Generation
baoyu-url-to-markdown
Fetch any URL and convert to markdown using baoyu-fetch CLI (Chrome CDP with site-specific adapters). Built-in adapters for X/Twitter, YouTube transcripts,…
@jimliuView SkillSkill
Image Generation
baoyu-wechat-summary
Summarizes WeChat group chat highlights into a structured digest using the local wx-cli binary (https://github.com/jackwener/wx-cli). Generates a normal digest…
@jimliuView SkillSkill
Image Generation
baoyu-xhs-images
Generates infographic image card series with 12 visual styles, 8 layouts, and 3 color palettes. Breaks content into 1-10 cartoon-style image cards optimized…
@jimliuView SkillSkill
Image Generation
baoyu-youtube-transcri…
Downloads YouTube video transcripts/subtitles and cover images by URL or video ID. Supports multiple languages, translation, chapters, and speaker…
@jimliuView SkillSkill
Image Generation
release-skills
Universal release workflow. Auto-detects version files and changelogs. Supports Node.js, Python, Rust, Claude Plugin, GitHub Releases, annotated tags,…
@jimliuView Skill