Topic · Media & Creative
Best generative and creative coding skills for Claude Code, Codex and other agents.
- skills
- 61
- official
- 2
Generative and creative coding skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 1 | Creates original generative art in two steps: a written algorithmic philosophy, then a p5.js sketch with seeded randomness and an interactive viewer for exploring parameters. | anthropics/ | 180k | 37 repos | ~4.9k | Automated safety check: Pass | Apache-2.0 | 2 days ago |
| 2 | Creates original posters and static art as PNG or PDF by first writing a short design philosophy, then expressing it visually on a canvas. | anthropics/ | 180k | 51 repos | ~3k | Automated safety check: Pass | Apache-2.0 | 2 days ago |
| 3 | Rebuilds the object in a reference image as a procedural, animation-ready Three.js model written entirely in code, using staged sculpting with quality checks. | img2threejs/ | 18k | 1 repo | ~8.2k | Automated safety check: Pass | Apache-2.0 | 2 days ago |
| 4 | Creates one vertical editorial image from an uploaded photo, keeping the photo untouched and adding an abstract panel and short English title derived from it. | ZzzLc0405/ | 5.9k | — | ~815 | Automated safety check: Pass | Proprietary | 1 mo ago |
| 5 | Collects best-practice rules and tested example scripts for ManimGL, the 3Blue1Brown OpenGL animation engine, covering scenes, mobjects, Tex rendering, 3D and interactive mode. | adithya-s-k/ | 1.1k | 2 repos | ~1.9k | Automated safety check: Pass | CC-BY-NC-4.0 | 8 mo ago |
| 6 | Generate original one-ink or controlled two-ink editorial images from any theme, sentence, article idea, object, or reference photo. | yanliudesign/ | 3.4k | — | ~8.5k | Automated safety check: Pass | MIT | 1 mo ago |
| 7 | Draws 2D game art from code with no image model: pixel sprites, SVG props and icons, rigged characters, FX, autotiles and layouts, only when explicitly asked for. | 0x0funky/ | 4.3k | — | ~2.5k | Automated safety check: Pass | MIT | yesterday |
| 8 | Turns a photo into a tactile collage poster where part stays an untouched photographic anchor and the rest becomes a simplified, color-fading illustration of the hidden scene. | Zeejay0/ | 5.3k | — | ~3.8k | Automated safety check: Pass | Unknown | 1 mo ago |
| 9 | Generates one finished retro CRT computer-interface illustration from a portrait, photo, creature, object or theme, as an exaggerated 1980s bitmap caricature. | TaiT-tt/ | 511 | — | ~9.4k | Automated safety check: Pass | No licence | 1 mo ago |
| 10 | Make hand-painted watercolour-and-ink cartoon videos (MP4) with code — p5.js + p5.brush rendered frame by frame in headless Chrome, encoded with ffmpeg — starring Clawd or any character. | tuzhechen2005/ | 121 | 1 repo | ~1.9k | Automated safety check: Pass | Unknown | 11 days ago |
| 11 | 11.Anidoodle Code-drawn stills, drawing timelapses, films, explainers and interactive web animations in 31 styles, with composed scores. | alexgreensh/ | 831 | — | ~2.7k | Automated safety check: Pass | Apache-2.0 | 2 days ago |
| 12 | 12.Posterly Create or revise academic conference posters in HTML/CSS and export print-ready PDFs. | Chenruishuo/ | 415 | — | ~4.6k | Automated safety check: Notes | AGPL-3.0 | 2 days ago |
| 13 | Directs a short film made entirely in code in one of the Lemo-Opuscar library's named visual styles, from fetching the library through production and delivery. | lemomo-ai/ | 1.3k | — | ~596 | Automated safety check: Pass | Unknown | 2 days ago |
| 14 | Builds Japanese TV-anime style MP4 videos in code, with cel-shaded characters, painted backgrounds and staging effects, rendered in headless Chrome and encoded with ffmpeg. | edenfunf/ | 1.6k | — | ~1.6k | Automated safety check: Pass | MIT | yesterday |
| 15 | 一句话生成大师级海报、书籍封面、专辑封面和各类设计作品。无需懂PS、配色或艺术史,AI自动选择最佳风格(基于33+位传奇设计师)。支持多平台多比例:公众号封面(21:9)、小红书配图(3:4)、文章配图(16:9)、书籍封面(9:16)、专辑封面(1:1)、电影海报(9:16)。包含AI提示词优化、风格对比、图生图转换功能。触发词:"Mondo风格"、"书籍封面设计"、"专辑封面"、"海报设计"… | nexu-io/ | 3.3k | 1 repo | ~4.1k | Automated safety check: Pass | MIT | 5 mo ago |
| 16 | 16.Music Video Build a music video from an existing song and lyrics, either as p5.js/p5.brush animation or by assembling local images and clips. | NoizAI/ | 526 | — | ~1.5k | Automated safety check: Pass | No licence | 9 days ago |
| 17 | Turns a supplied photo into a minimal zine-style poster with a clear artistic idea, empty space, saturated color and authored typography. | Zeejay0/ | 5.3k | — | ~7.5k | Automated safety check: Pass | Unknown | 1 mo ago |
| 18 | Turns your local Claude Code session history into a 60 to 75 second hand-drawn ink film about a day with your agent, with a string score and your approval of every line. | heygen-com/ | 175 | — | ~1.7k | Automated safety check: Pass | Apache-2.0 | 8 days ago |
| 19 | Builds children's picture-book MP4 animations drawn in crayon, colored pencil and pastel, rendered frame by frame with p5.js and encoded with ffmpeg. | edenfunf/ | 1.6k | — | ~1.7k | Automated safety check: Pass | MIT | yesterday |
| 20 | Creates, refines and exports editable OneWorks 3D geometric avatars for mascots, bots or agents, keeping one shared scene state across preview, share link and export. | oneworks-ai/ | 250 | — | ~1.7k | Automated safety check: Pass | MIT | 29 days ago |
| 21 | 21.Riso Score Scores a riso film or reworks its score. An agent skill from sevenevesai/riso-windowseat. | sevenevesai/ | 278 | — | ~1.7k | Automated safety check: Pass | MIT | 13 days ago |
| 22 | Creates an unexpected creative deliverable by reading the other available skills, picking one to three and combining them into a single cohesive artifact. | bytedance/ | 83k | 3 repos | ~658 | Automated safety check: Pass | MIT | yesterday |
| 23 | Distill stable art-generation patterns from a completed project, so future projects produce comparable assets without re-discovering the prompts. | tettethu/ | 265 | — | ~2.5k | Automated safety check: Pass | Apache-2.0 | 6 days ago |
| 24 | 24.P5js Production pipeline for interactive and generative visual art using p5.js. | Tommy-yw/ | 546 | 1 repo | ~6.8k | Automated safety check: Pass | MIT | 4 mo ago |
| 25 | Helps design, write and verify hash-seeded long-form generative art for onchain mint platforms and screen-based venues, covering determinism, rarity and plotter output. | camilleroux/ | 146 | — | ~1.9k | Automated safety check: Pass | MIT | 5 days ago |
| 26 | Guides React animation work with GSAP, Motion, Anime.js and Lenis for scroll effects, page transitions, text effects and generative visuals, with a library decision table. | Hainrixz/ | 260 | — | ~4.4k | Automated safety check: Pass | Unknown | 6 mo ago |
| 27 | 27.Riso Still Create or improve procedural risograph still art, illustrations, posters, print series and images in this repo. | sevenevesai/ | 278 | — | ~1.4k | Automated safety check: Pass | MIT | 13 days ago |
| 28 | Turns a text prompt, photo or short video into hand-made looking p5.js animation: self-writing handwriting, brushstroke repaints and living paintings rendered offline. | heygen-com/ | 175 | — | ~1.8k | Automated safety check: Pass | Apache-2.0 | 8 days ago |
| 29 | Turns a photo into a surreal pop collage: a black-and-white subject, huge flat color shapes for the background and exactly one impossible giant element. | 2998980-hue/ | 333 | 1 repo | ~780 | Automated safety check: Warn | MIT | 2 mo ago |
| 30 | Generate a browser-based p5.js curtain simulation that weaves user-supplied PNG, JPEG, or WebP artwork and optional text into individually moving strands. | vibe-motion/ | 1.3k | — | ~978 | Automated safety check: Pass | No licence | 2 days ago |
| 31 | Algorithmic and generative art with Canvas 2D - particles, flow fields, noise, fractals, L-systems. | AThevon/ | 416 | 1 repo | ~2.1k | Automated safety check: Pass | Unknown | 2 days ago |
| 32 | 32.Riso Film Design, build or improve procedural risograph animations and videos in this repo, including narrative films, abstract shorts, motion effects and visual inspection. | sevenevesai/ | 278 | — | ~1.9k | Automated safety check: Pass | MIT | 13 days ago |
| 33 | Create cinematic movie poster concepts and final poster images from a user's brief, existing video plan, storyboard, character design, or project context. | MagicCube/ | 515 | 1 repo | ~2.5k | Automated safety check: Pass | No licence | 4 mo ago |
| 34 | 34.Image Prompt Auto-triggers when user asks for a Midjourney or NijiJourney image prompt, when creating visual art prompts, or when user says 'midjourney prompt', 'niji prompt', 'create prompt', 'create a prompt'… | Kiyoraka/ | 374 | — | ~2.4k | Automated safety check: Pass | No licence | 2 mo ago |
| 35 | Build, restyle, or review accessible React interfaces that use shadcn/ui, Radix UI primitives, and Tailwind CSS. | LiarMTTT/ | 148 | — | ~1.7k | Automated safety check: Pass | Unknown | 3 days ago |
| 36 | Use p5.js/canvas for local procedural character effects: particles, weather, squash/stretch, walk cycles, and environmental motion. | calesthio/ | 65k | — | ~323 | Automated safety check: Pass | MIT | 4 days ago |
| 37 | Derives a building's dimensional grid from real sheet, panel, and transport constraints instead of hard-coding spacing numbers. | lukapiskorec/ | 143 | — | ~1.5k | Automated safety check: Pass | Unknown | 7 days ago |
| 38 | 38.Prismer P5js p5.js sketches: gen art, shaders, interactive, 3D. An agent skill from Prismer-AI/PrismerCloud. | Prismer-AI/ | 1.6k | 3 repos | ~6.9k | Automated safety check: Pass | MIT | 7 days ago |
| 39 | Generate a beautifully designed infographic poster from an article URL or text content. | MagicCube/ | 515 | — | ~1.6k | Automated safety check: Pass | No licence | 4 mo ago |
| 40 | Rules for modeling sloped, twisted and warped timber structures from straight members: ruled surfaces, per-bay framing, plane-cut legs and slab-exact clipping. | lukapiskorec/ | 143 | — | ~1.2k | Automated safety check: Pass | Unknown | 7 days ago |
| 41 | 使用 p5.js 创建带有种子随机性和交互式参数探索的算法艺术。当用户请求使用代码创建艺术、生成艺术、算法艺术、流场或粒子系统时使用此技能。创作原创算法艺术,而不是复制现有艺术家的作品,以避免版权侵犯。 | LeastBit/ | 588 | — | ~1.9k | Automated safety check: Pass | Apache-2.0 | 8 mo ago |
| 42 | Install and use the official AI Poster Maker package, pinned by digest, for paid hosted work on the Beatra service. | sickn33/ | 47k | 1 repo | ~3.1k | Automated safety check: Pass | MIT-0 | yesterday |
| 43 | 43.Cast Cast genjutsu on a UI - creative coding for motion, micro-interactions, and wow-factor. | AThevon/ | 416 | 1 repo | ~11k | Automated safety check: Notes | Unknown | 2 days ago |
| 44 | 使用设计哲学创作精美的 .png 和 .pdf 格式视觉艺术作品。当用户要求创作海报、艺术品、设计作品或其他静态作品时,应使用此技能。创作原创视觉设计,切勿复制现有艺术家的作品以避免版权侵权。 | LeastBit/ | 588 | — | ~961 | Automated safety check: Pass | Apache-2.0 | 8 mo ago |
| 45 | Use this skill first in a Harness Phaser workspace. An agent skill from autonomous-ai/openharness. | autonomous-ai/ | 1.1k | — | ~1.9k | Automated safety check: Pass | MIT | today |
| 46 | Creates interactive educational MicroSims using the best-matched JavaScript library (p5.js, Chart.js, Plotly, Mermaid, vis-network, vis-timeline, Leaflet, Venn.js). | ynulihao/ | 617 | — | ~2.1k | Automated safety check: Pass | No licence | 7 mo ago |
| 47 | Create generative art using p5.js with seeded randomness so every render is reproducible. | nexu-io/ | 100k | — | ~351 | Automated safety check: Pass | Apache-2.0 | yesterday |
| 48 | Create beautiful visual art in PNG and PDF documents using design philosophy and aesthetic principles for posters, illustrations, and static pieces. | nexu-io/ | 100k | — | ~338 | Automated safety check: Pass | Apache-2.0 | yesterday |
Questions, answered from the data.
What is the best generative and creative coding skill?
Algorithmic Art with p5.js (official) from anthropics/skills ranks first of the 61 generative and creative coding skills listed here, with the highest score: its repository has 180k GitHub stars, 37 other GitHub owners carry a copy, its SKILL.md loads about 4.9k tokens and it passes the automated safety check with no findings. Next come Canvas Design and Image to Three.js Model.
Which generative and creative coding skills are official?
2 of the 61 generative and creative coding skills are official, published by the vendor's own GitHub organization: Algorithmic Art with p5.js and Canvas Design.
How are these skills ranked?
By Skill Navigator score, which combines the GitHub stars of the skill's repository (shared across that repo's skills and discounted for large collections), how many other GitHub owners carry a copy of the skill, and automated SKILL.md quality checks, minus penalties for safety-check warnings and for each further skill from the same repository. Skills that fail the safety check are not listed.
Explore related skills
Category
More topics in Media & Creative
- Video production887
- Image generation726
- AI video generation635
- Text to speech and voice629
- Transcription543
- Motion graphics377
- Design review and critique238
- Logo and visual identity229
- Comics and storyboards225
- Image editing192
- Social media graphics191
- Video scripts and shorts185
- Infographics160
- Music and audio generation159
- Podcasting127