Best Claude skills for images and generative art
Image skills cover generative art, illustrations, covers, icons and 3D assets. Some draw with code (SVG, canvas, p5.js), others drive image models with carefully structured prompts.
286 images & art skills · ranked live · November 2026
The top 10. Ranked by the Alyn Score.
- 1#1
Anthropic
Skills
Anthropic
Algorithmic Art
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow…
Pack192k3.8MScore 93 - 2#2
Anthropic
Skills
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…
Pack192k3.8MScore 89 - 3#3
nextlevelbuilder
Design
Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini, Atlas Cloud, or MuAPI AI), corporate identity program (50 deliverables, CIP…
Pack148k932kScore 89 - 4#4
Corey Haines
Marketingskills
Corey Haines
Image
When the user wants to create, generate, edit, or optimize marketing images, or asks which approach to take (generate, design, or photograph): blog heroes, social graphics, product mockups…
Pack60k6.3MScore 88 - 5#5
Banner Design
Design banners for social media, ads, website heroes, creative assets, and print. Multiple art direction options with optional generated or supplied visuals. Actions: design, create…
Pack148k932kScore 87 - 6#6
GitHub
Awesome Copilot
GitHub
Adobe Illustrator Integrations
Build, debug, package, and document Adobe Illustrator integrations: CEP extension panels, C++ SDK plug-ins (.aip), the coming UXP plugins, MCP servers that drive Illustrator, computer-use…
Pack41k2.4MScore 85 - 7#7
GitHub
Awesome Copilot
Adobe Illustrator Scripting
Write, debug, and optimize Adobe Illustrator automation scripts using ExtendScript (JavaScript/JSX). Use when creating or modifying scripts that manipulate documents, layers, paths, text…
Pack41k2.4MScore 85 - 8#8
tt-a1i
Archify
Create validated architecture, workflow, sequence, data-flow, lifecycle/state, ERD, class, tree, timeline, and waterfall diagrams as explorable standalone HTML with dark/light themes…
Pack95k216kScore 85 - 9#9
Archify Tuning
Improve Archify diagram accuracy, visual quality and complete authoring speed with fewer repairs. Use for generation experiments or evaluating changes to layout, routing, diagnostics…
Pack95k216kScore 85 - 10#10
Yuan1z0825
Nature Image2ppt
Reconstruct slide images, screenshots, scanned PDFs, or image-only PPTX files as object-level editable PowerPoint. Use for 图片转可编辑PPT、截图还原PPT and diagram reconstruction; not authoring a new…
Pack53k301kScore 84
What makes a great images & art skill.
Original output, not imitations of protected characters or brands.
Size and format presets for where the image will be used.
Iteration steps with clear critique criteria.
All 286 images & art skills.
charlie947
Motion Graphics Skills
charlie947title-sequence-3d
Make a cinematic 3D title sequence (8-15 seconds) in code with Claude Code and Three.js. A camera moves through a lit scene, such as a rainy street at night with brand names as neon signs…
aiworkskillsaws-wechat-article-images
公众号封面｜公众号配图｜公众号插图｜AI 生图 — 公众号 AI 封面与配图生成，按文章标题与内容自动匹配画风，一稿多方案，多风格预设可复用。面向公众号编辑、自媒体、品牌设计。触发词：「封面」「配图」「插图」「生成图片」「给文章加图」「做个封面」「文章插图」「配个图」。不写正文只发一组图请走 aws-wechat-sticker；需要多环节串联（写+审+排+配图+发）请走…
mromidev
Claude Animated Shorts
mromidevcartoon-3d-short
Make a ~55-70 s vertical cartoon story short in the "2D characters in a colourful 3D world" style (flat bean-head cartoon cards with ink outlines, painted 3D town/world with black ink…
oaustegard
Claude Skills
oaustegardconverting-files
Convert a file from one format to another inside the container — documents, images, audio, video. Routes to the right engine (pandoc, LibreOffice, ImageMagick, ffmpeg) by format pair…
aipoch
Medical Research Skills
aipochcover-letter-drafter
Drafts journal-ready cover letters for manuscript submission. Use when preparing a submission package, communicating the manuscript's contributions and journal fit to editors, or tailoring…
iflytekdiagram-maker
Create standalone SVG/HTML or editable Excalidraw diagrams for concepts, architecture, processes, flows, and whiteboards.
mxyhiimagegen-frontend-web
Elite frontend image-direction skill for generating premium, conversion-aware website design references. CRITICAL OUTPUT RULE — generate ONE separate horizontal image FOR EVERY section. A…
aiworkskillsaws-wechat-article-assets
公众号素材｜业务资料库｜预设包｜.aws 预设包｜主题包｜品牌包｜aiworkskills.cn — 用户业务资料库与预设包管理：业务资料按产品名组织在 `.aws-article/products/{产品名}/`（介绍 .md 直挂产品根 + 配图归 `images/` 子目录含同名说明 .md），AI 与用户对话产出业务介绍内容时引导用户保存；图片入库走…
OSideMedia
Higgsfield AI Prompt Skill
OSideMediahiggsfield-3d
Use when the user wants a 3D model, mesh or GLB out of Higgsfield — image-to-3D, multi-view-to-3D, text-to-3D, rigging or animating a mesh, remesh / retopology, retexture, or 3D Body (human…
OSideMedia
Higgsfield AI Prompt Skill
OSideMediahiggsfield-canvas
Use when the user mentions Higgsfield Canvas, a node-based or node graph workspace, an infinite board/canvas, chaining generations into a pipeline, or wants to wire prompts → images →…
OSideMedia
Higgsfield AI Prompt Skill
OSideMediahiggsfield-gpt-image-2
Use when the user mentions GPT Image 2.0 or GPT Image 2.5, gpt-image-2, gpt-image-2.5, gpt_image_2_5, GPT-Image-2 prompts, the Flare / Sunburst variants, a transparent-background image, or…
sanjay3290
AI Skills
sanjay3290imagen
Generate images using Google Gemini's image generation capabilities. Use this skill when the user needs to create, generate, or produce images for any purpose including UI mockups, icons…
flowful-aiparametric-3d-printing
Use this skill when the user wants to design a 3D-printable physical object they intend to manufacture. Triggers: any mention of '3D print', 'STL', 'parametric model', 'Gridfinity'…
testdino-hqplaywright-skill
Current Playwright (1.64) patterns for writing, debugging, and scaling reliable test suites. Use for any Playwright task, even ones you think you know, because the guides cover APIs and CLI…
imxvpretty-mermaid
Generate and render Mermaid diagrams for architecture docs, READMEs, PRs, terminals, chats, and CI as themed SVG, PNG, or ASCII/Unicode art. Use this skill whenever the user provides…
Prat011algorithmic-art
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow…
mxyhibetter-icons
Use when working with icons in any project. Provides CLI for searching 200+ icon libraries (Iconify) and retrieving SVGs. Commands: `better-icons search ` to find icons, `better-icons get `…
rrezartprebreza
Spring Boot Skills
rrezartprebrezacontainer-native-deployment
Use when packaging a Spring Boot 3 application as an OCI image or GraalVM native executable. Covers buildpacks, layered images, JVM containers, AOT hints, probes, security, and verification.
coleam00
Excalidraw Diagram Skill
coleam00excalidraw-diagram
Create Excalidraw diagram JSON files that make visual arguments. Use when the user wants to visualize workflows, architectures, or concepts.
yanliudesignmono-color
Generate original one-ink or controlled two-ink editorial images from any theme, sentence, article idea, object, or reference photo. Always use this skill when the user asks for…
artemnovitckiistick-figure
Makes a code-animated stick-figure explainer reel (9:16, 30 to 45 s) from a question or topic. A bright cartoon world with thick outlines, stick people with big white heads and faces…
artemnovitckiizach-d-films
Makes a 3D cartoon "what if" explainer short (9:16) in the style of Zack D. Films-type videos, entirely in code with three.js. Procedural cartoon people, props and effects, a blue studio…
oaustegard
Claude Skills
oaustegardcharting
Select the right Python charting library (seaborn, matplotlib, graphviz) and produce publication-quality static visualizations. Use when creating charts, plots, graphs, diagrams, heatmaps…
Jakeschincariol
Console Skill
Jakeschincariolconsole-graphics
Graphics Artist. Rebuilds the graphics: dumps every texture, lets you repaint or replace them with your own art, finds the widescreen fix. Converts PS2 TIM2 textures (.tm2, 32/24/16-bit and…
Jakeschincariol
Console Skill
Jakeschincariolconsole-reverse
Reverse Engineer. Opens your own disc image, finds the game's code and maps how it works: the boot ELF, every function, the design doc. Drives the whole port and is the entry point of the…
adithya-s-k
Manim Skill
adithya-s-kmanimce-best-practices
Trigger when: (1) User mentions "manim" or "Manim Community" or "ManimCE", (2) Code contains `from manim import *`, (3) User runs `manim` CLI commands, (4) Working with Scene, MathTex…
kwakseongjaeomd-codex-image
이미지 placeholder를 동적으로 materialize. Codex 채널에서는 내장 image-generation primitive 호출, Claude Code 채널에서는 omd-asset-curator로 fall back, OpenCode에서는 spec dump. HTML/MD의 `` 블록을 단일 source of truth로…
Microckalgorithmic-art
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow…
Ootto-AIcover-thumbnail-brief
Writes the cover-frame text and visual brief that makes your reel stop the scroll on the grid and in Explore. Use when the user says "write my cover text", "thumbnail brief", "what should…
gokayfemshader-art-coding
Writes, debugs, and art-directs procedural GLSL fragment shaders (Shadertoy mainImage, WebGL2 / GLSL ES 3.00): SDF raymarching, procedural buildings/cities, 2D distance-field graphics…
artemnovitckiibreakdown
Makes a 3D exploded-view animation for a reel. A phone floats on a dark studio backdrop, comes apart layer by layer (glass, screen, frame, board and battery, back), and each part gets a…
lingzhi227
Agent Research Skills
lingzhi227excalidraw-skill
Programmatic canvas toolkit for creating, editing, and refining Excalidraw diagrams via MCP tools with real-time canvas sync. Use when an agent needs to (1) draw or lay out diagrams on a…
JuneYaooogpt-image2-ppt
Generate visually striking PPT slides via OpenAI's gpt-image-2 -- use any style in styles//STYLE_ID.md or mimic a user-supplied .pptx template; outputs high-res slide PNGs and a 16:9 .pptx…
AirsupHQmachine
Turn one line ("a turbofan jet engine", "a mechanical watch", "an LVAD heart pump") into a photoreal, physics based, interactive 3D simulation of that machine in a single HTML file, plus a…
kwakseongjaeomd-media
Brand-consistent asset sets from DESIGN.md — hero, section illustrations, icon sets, OG image — generated through whichever channel the user actually has (grok build image_gen, Codex…
Prat011canvas-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…
Images & art skills, explained.
Also searched as: image generation skill, algorithmic art skill, illustration skill, cover image skill.
What are the best Claude skills for images and generative art?
Right now the top-ranked images & art skills on Alyn are Algorithmic Art (Anthropic), Canvas Design (Anthropic), Design (nextlevelbuilder). Rankings combine GitHub stars, installs, freshness and depth, and update live.
What is the algorithmic-art skill?
An Anthropic skill for creating generative art with p5.js, using seeded randomness and interactive parameters.
Do image skills need an API key?
Code-based art skills do not. Skills that call image models need access to that model.
How do I install a images & art skill?
Run npx skills add owner/repo in your project, or copy the folder with SKILL.md into ~/.claude/skills. Every skill on this page has a ready-to-copy command.
More in Design & content
Images & art skills for your agent