← Back to collections
🎨
Design & Creative Skills for Claude Code
Generate visuals with AI — diagrams, infographics, cover art, comics, and video from your website.
About this collection
This collection gathers every design & creative skill we've evaluated for Claude Code and AI coding agents — 7 skills so far, each scored on the same six-dimension rubric: trigger quality, structure, workflow design, content, engineering, and security.
Every skill below is free and open source. Install any of them in one line with curl -fsSL https://skill123.me/install/<skill>.sh | bash, or open a skill's page to see its full scorecard, documentation, and all install methods before you download.
Looking for the shortlist? See the best Design & Creative skills — the top of this collection, ranked with written rationale.
baoyu-comic
Design & Creative
Knowledge comic creator supporting multiple art styles and tones. Creates original educational co…
8.9
baoyu-cover-image
Design & Creative
Generates article cover images with 5 dimensions (type, palette, rendering, text, mood) combining…
9.2
baoyu-diagram
Design & Creative
Create professional, dark-themed SVG diagrams of any type — architecture diagrams, flowcharts, se…
9.4
baoyu-image-gen
Design & Creative
AI image generation with OpenAI GPT Image 2, Azure OpenAI, Google, OpenRouter, DashScope, Z.AI GL…
9.3
baoyu-infographic
Design & Creative
Generate professional infographics with 21 layout types and 22 visual styles. Analyzes content, r…
9.3
visual-style
Design & Creative
Create, extract, and apply portable visual design systems via visual-style.md files. Use when: (1…
9.3
website-to-video
Video & Motion
Capture a general website/URL and turn it into a HyperFrames video (site tour, showcase, or socia…
9.5