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.
majidmanzarpour
Threejs Game Skills
majidmanzarpourthreejs-gameplay-systems
Build and iterate playable Three.js game systems: starter scaffold, architecture, design briefs, core loops, level and encounter design, entities, input, camera, collision and physics…
OpenSenseNovasn-image-imitate
Generates a new image that imitates the style of a reference image while updating content based on user intent. Uses a three-stage pipeline: image annotation (long caption), caption…
OpenSenseNovasn-image-resume
Generates a designed portfolio-resume image from resume content provided in conversation text. Extracts optional style instructions, converts the resume into a fixed portfolio-resume layout…
OpenSenseNovasn-ppt-creative
Use when a prepared PPT task with a current outline.md should be generated as an image-first presentation with one 16:9 image per slide and optional PPTX packaging.
OpenSenseNovasn-ppt-tools
Use when another PPT Skill needs web search, image search or download, or image generation and the host Agent's equivalent native capability is absent or has failed.
majidmanzarpour
Threejs Game Skills
majidmanzarpourthreejs-image-generator
Generate and edit 2D image assets for Three.js games with Google's Gemini image API: concept sheets, image-to-3D inputs, texture and material references, sky and background plates, decals…
jezweb
Claude Skills
jezwebfavicon-gen
Generate custom favicons from logos, text, or brand colours. Produces favicon.svg, favicon.ico, apple-touch-icon.png, icon-192/512.png, and web manifest. Use whenever the user wants a…
majidmanzarpour
Threejs Game Skills
majidmanzarpourthreejs-aaa-graphics-builder
Upgrade Three.js games from prototype visuals to premium browser graphics: art-direction critique, procedural model building, material and texture libraries, world prop kits, shaders, VFX…
OpenSenseNovasn-search-image
USE FOR Google-backed image discovery via Serper.dev. Returns image URLs, page URLs, titles, and source domains.
EL4CTEOblender-stylized-npr
Stylized / NPR looks in Blender 5.2 - toon and cel shading (bands, shadow tint, rim, hard specular), anime faces with custom normals, inverted-hull outlines with smoothed outline normals…
EL4CTEOblender-texture-baking
Bake texture maps in Blender 5.2 Cycles - high-to-low normal maps with cage/extrusion, AO, curvature, ID, thickness, base color/roughness/metallic from procedurals, ORM packing, OpenGL vs…
majidmanzarpour
Threejs Game Skills
majidmanzarpourthreejs-debug-profiler
Debug and profile Three.js browser games: blank canvases, render and runtime bugs, asset and audio loading, animation, resize, mobile input, plus performance profiling of draw calls…
majidmanzarpour
Threejs Game Skills
majidmanzarpourthreejs-game-ui-designer
Design premium Three.js game UI: HUDs, menus, overlays, pause/win/lose screens, settings, icon controls, touch UI, typography, responsive layout, safe areas, text fit, and UI/world cohesion.
freshtechbro
Claudedesignskills
freshtechbroblender-web-pipeline
Blender to web export workflows for 3D models and animations. Use this skill when exporting Blender models to glTF for web, optimizing 3D assets for Three.js or Babylon.js, batch processing…
freshtechbro
Claudedesignskills
freshtechbrogsap-scrolltrigger
Comprehensive skill for GSAP (GreenSock Animation Platform) and ScrollTrigger plugin. Use this skill when creating web animations, scroll-driven experiences, timelines, tweens…
anbeimeicon-generator
网页与数字界面设计师和平面设计师在开发App、网页或设计UI界面时，当需要快速产出高质量Icon，使用此技能即可一键生成多尺寸、风格统一的标准图标，彻底解决图标设计耗时痛点，大幅提升视觉交付效率！
freshtechbro
Claudedesignskills
freshtechbrolightweight-3d-effects
Lightweight 3D effects for decorative elements and micro-interactions using Zdog, Vanta.js, and Vanilla-Tilt.js. Use this skill when adding pseudo-3D illustrations, animated backgrounds…
freshtechbro
Claudedesignskills
freshtechbrolottie-animations
After Effects animation rendering for web and React applications. Use this skill when implementing Lottie animations, JSON vector animations, interactive animated icons, micro-interactions…
freshtechbro
Claudedesignskills
freshtechbropixijs-2d
Fast, lightweight 2D rendering engine for creating interactive graphics, particle effects, and canvas-based applications using WebGL/WebGPU. Use this skill when building 2D games, particle…
freshtechbro
Claudedesignskills
freshtechbroplaycanvas-engine
Lightweight WebGL/WebGPU game engine with entity-component architecture and visual editor integration. Use this skill when building browser-based games, interactive 3D applications, or…
freshtechbro
Claudedesignskills
freshtechbroreact-three-fiber
Build declarative 3D scenes with React Three Fiber (R3F) - a React renderer for Three.js. Use when building interactive 3D experiences in React applications with component-based…
jaechang-hitsscikit-image-processing
Python image processing for microscopy and bioimage analysis. Read/write images, filter (Gaussian, median, LoG), segment (thresholding, watershed, active contours), measure region…
freshtechbro
Claudedesignskills
freshtechbrospline-interactive
Browser-based 3D design tool with visual editor, animation, and web export. Use this skill when creating 3D scenes without code, designing interactive web experiences, prototyping 3D UI…
freshtechbro
Claudedesignskills
freshtechbrosubstance-3d-texturing
Comprehensive skill for Adobe Substance 3D Painter texturing and material creation workflow. Use this skill when creating PBR materials, exporting textures for web/game engines, optimizing…
freshtechbro
Claudedesignskills
freshtechbrothreejs-webgl
Comprehensive skill for Three.js 3D web development. Use this skill when building interactive 3D scenes, WebGL/WebGPU applications, product configurators, 3D visualizations, or immersive…
jaechang-hitstrackpy-particle-tracking
Python library for single-particle tracking (SPT) in video microscopy via the Crocker-Grier algorithm. Locate particles (fluorescent spots, colloids, vesicles, cells) per frame, link into…
OSideMedia
Higgsfield AI Prompt Skill
OSideMediahiggsfield-image-shots
Use when the user wants to generate a cinematic still image on Higgsfield, asks about shot framing, camera angle, or composition for image prompts, needs a specific shot type (close-up…
OSideMedia
Higgsfield AI Prompt Skill
OSideMediahiggsfield-mixed-media
Use when the user asks about Mixed Media, wants to apply artistic preset styles to an image (Noir, Sketch, Paper, Canvas, Particles, Neon, etc.), combine multiple artistic treatments, or…
OSideMedia
Higgsfield AI Prompt Skill
OSideMediahiggsfield-moodboard
Use when the user asks about Moodboard, building a moodboard from reference images, curated moodboard presets, Soul Hex color transfer, applying a visual style direction to generations, or…
OSideMedia
Higgsfield AI Prompt Skill
OSideMediahiggsfield-seedance-2-5
Seedance 2.5 prompt director — the omni-reference dialect. Routes the four generation modes (t2v / omni_reference / video_edit / video_extension), writes explicit @Image/@Video/@Audio…
freshtechbro
Claudedesignskills
freshtechbroweb3d-integration-patterns
Meta-skill for combining Three.js, GSAP ScrollTrigger, React Three Fiber, Motion, and React Spring for complex 3D web experiences. Use when building applications that integrate multiple 3D…
artemnovitckiimap-route
Makes a 3D map animation for a reel. A clean white city with parks and a river, a coloured route that draws itself from start to destination while the camera follows, a red pin that drops…
artemnovitckiigraph
Makes a minimal line-graph animation for a reel. A smooth black line draws itself on white (or white on black) while one big number counts up with the tip, then lands on the final value…
artemnovitckiiminimalistic-graphics
Makes a minimal black-and-white line-art animation for a reel. Thin outlined steps rise one by one, a white dot hops up them, and at the top an orbit draws around it and a short second line…
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