These skills help an agent produce illustrations, icons and figures rather than photos. The range is wide, from pixel art and character design to technical graphs, article covers and figures for papers.
30 skills
Create publication-style Matplotlib charts with an AI agent, using scientific plotting conventions, reference scripts and print or vector export guidance.
Create a pixel-art canvas, layers and sprite using drawing primitives and palettes.
Turn technical concepts into interactive isometric machines: detailed SVG illustrations, WebGL effects and optional 3D motion, as HTML, SVG or React components.
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.
Redesign GitHub README pages and create project-specific SVG, composed PNG or WebP, and optional animated graphics.
Refine existing pixel art using dithering, palette reduction, shading and antialiasing.
Build animated ink-on-paper illustrations in SVG and TypeScript, from walking figures to interactive day-night scenes and deterministic video captures.
Plan illustrations at useful points in an article, keep the visual style consistent and insert supplied images into Markdown.
Design and critique SVG logos with three tested concepts, brand guidelines, presentation mockups and favicon or app-icon exports.
Turn a visual philosophy into original poster art and carefully composed PNG or PDF designs.
Create animated and explorable diagrams from compact JSON specifications, with scripted layout, styling, motion, and export workflows.
Plan a Character Bible through positioning, character, visual, system and commercial design cards.
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.
Extract a central message and audience from article text or subtitles, then design a cover image prompt.
Create standalone SVG diagrams for flows, architecture, timelines and other structured explanations.
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.
Analyze an article, plan illustration positions and generate a consistent set of visual aids.
Generate cohesive, project-specific SVG icon sets for websites and applications. Use this skill whenever the user needs custom icons, an icon set for a website or app, icons for a client project, or mentions needing SVG icons that look consistent together. Also trigger when the user describes a project and icons would naturally be part of the deliverable — e.g. 'I'm building a site for a plumber' implies they'll need service icons. Trigger on: 'icons for', 'icon set', 'custom icons', 'SVG icons', 'make me icons', 'I need icons', 'website icons', 'project icons', or any request for consistent visual assets for a web project. Produces individual SVG files with a consistent style engine, not generic icon library lookups.
Create original seeded generative art with p5.js and an interactive parameter viewer.
Create a self-contained HTML specification sheet with monochrome SVG views, measured variables, exploded layers, and detailed component geometry.
Turn a topic or source into an educational comic with panel planning, art style and tone choices.
Create and render Mermaid diagrams as themed SVG, PNG, or terminal-friendly text for architecture notes, READMEs, and technical discussions.
Create scientific figures in Python or R, with multi-panel layout checks, editable outputs and optional AI schematic drafts.
Create hand-drawn explainer videos with animated strokes, generated stickers, narration, synchronized subtitles, configurable branding and landscape or portrait covers.
Turn a poster brief into structured prompts with audience, message, density, emotion, color and illustration style.
Build prompts with distinct character and scene visual languages, combining two drawn styles or drawing with realism.
Create technical illustrations with coherent views and an interactive export page.
SVG diagramming conventions blending a technical look with CJK-friendly typography. Use when creating flowcharts, architecture diagrams, and similar SVG figures. For one-shot generation, prefer invoking it from a subagent so the main context does not have to carry this skill plus the SVG XML; for multi-round tweaking, use it directly in the main context.
Create animated isometric sticker icons with configurable colours, facing directions and keyframe motion.
Combine a subject with numbered hand-drawn styles, layouts and colors to create copyable image prompts.
Match the skill to the style: pixel art skills for game-like graphics, SVG and diagram skills for technical visuals, and cover or illustration planners for blog and social posts.