Images AI Skills

Find workflows for creating and adapting images for articles, social posts, and visual explanations.

53 skills

Explore Images skills

11 skills
Web & UI

Anatomy

Turn technical concepts into interactive isometric machines: detailed SVG illustrations, WebGL effects and optional 3D motion, as HTML, SVG or React components.

12.8KStars925Forks
Repository last pushed
The author's Flat Icon animation of a Mem0 memory architecture, showing memory extraction, storage, and retrieval.
Free
Images

Fireworks Tech Graph

Turn English or Chinese descriptions into technical SVG diagrams with Codex or Claude Code. Create architecture and workflow diagrams, export PNG or offline interactive HTML, and animate supported scenes as GIFs.

11.7KStars932Forks
Repository last pushed
Beautify GitHub README — Kubernetes README hero example with a black system layout and cluster relationship diagram.
Free
Images

Beautify GitHub README

Redesign GitHub README pages and create project-specific SVG, composed PNG or WebP, and optional animated graphics.

1.9KStars132Forks
Repository last pushed
Overview of 28 fictional brand logos from the upstream README.
Free
Images

Logo Design

Design and critique SVG logos with three tested concepts, brand guidelines, presentation mockups and favicon or app-icon exports.

3.4KStars264Forks
Repository last pushed
SeeCode Diagrams — Bar chart export
Free
Images

SeeCode Diagrams

Create animated and explorable diagrams from compact JSON specifications, with scripted layout, styling, motion, and export workflows.

728Stars40Forks
Repository last pushed
Animated dialog specification drawing with dimension lines, camera pullbacks, and an exploded layer view.
Free
Video & Motion

Dimensional Drawing Motion

Animate a finished dimensional drawing into an 8–15 second film with progressive strokes, camera moves, and lifted layers, using Claude Motion or a headless renderer.

526Stars28Forks
Repository last pushed
An illustrated furniture assembly guide in the author's IKEA manual infographic style.
Free
Images

SVG Diagram

Create standalone SVG diagrams for flows, architecture, timelines and other structured explanations.

27.1KStars3KForks
Repository last pushed
The author's light-theme demo: an agent prompt becomes an architecture diagram, followed by a diagram redesign and the gallery.
Free
Images

Diagram Design

Create editorial diagrams in your brand with an AI agent. Supports architecture, flowcharts, data charts, and redraws from Mermaid, draw.io, and Excalidraw, with HTML, SVG, and PNG output.

55.9KStars3.5KForks
Repository last pushed
Animated dialog specification drawing with dimension lines, camera pullbacks, and an exploded layer view.
Free
Images

Dimensional Drawing Sheets

Create a self-contained HTML specification sheet with monochrome SVG views, measured variables, exploded layers, and detailed component geometry.

526Stars28Forks
Repository last pushed
Pretty Mermaid Skills — Pretty Mermaid converts Mermaid source into themed SVG, PNG, and terminal ASCII diagrams
Free
Images

Pretty Mermaid Skills

Create and render Mermaid diagrams as themed SVG, PNG, or terminal-friendly text for architecture notes, READMEs, and technical discussions.

1.5KStars76Forks
Repository last pushed
Exploded technical illustration of a hard disk drive, with its cover, head assembly, platters, enclosure and circuit board.
Free
Images

Teardown: Technical Illustrations

Create technical illustrations with coherent views and an interactive export page.

9.8KStars376Forks
Repository last pushed

Related guides

About Images AI skills

Find workflows for creating and adapting images for articles, social posts, and visual explanations.

  • Create illustrations and graphics
  • Make diagrams and infographics
  • Edit and prepare images for publishing