Two Content Claude Code skills, side by side. Pick the right skill for your workflow with a side-by-side look at metadata, sample code, and install commands.
| Name | blog-figure-svg | design-stylecards |
|---|---|---|
| Description | Stop using stock photos. Generate accessible, lightweight SVG figures for any blog or CMS - flow diagrams, comparison bar charts, taxonomy/Venn diagrams, annotated terminal mocks, and 1600x840 OG feature cards.… | Declarative catalog of named aesthetic recipes — exact shadow stacks, glass surfaces, gradient treatments, and type scales as copy-paste values with Use-When and Avoid rules. Use when the user asks for polished… |
| Category | Content | Content |
| Sub-category | image-design | content-misc |
| Tags | — | lang:python |
| Author | AutomateLab <[email protected]> | OrchestKit |
| License | MIT | MIT |
| Install | /add-skill blog-figure-svg | /add-skill design-stylecards |
/blog-figure-svg flow "<title>" --steps "Trigger -> Filter -> HTTP -> Slack"
/blog-figure-svg compare "<title>" --bars "Zapier:0.03,Make:0.015,n8n:0.008" --unit "$ per task"
/blog-figure-svg taxonomy "<title>" --groups "Workflows,Agents,RPA" --notes "see references/style-examples.md"
/blog-figure-svg terminal "<title>" --lines "$ npm install\nadded 42 packages"
/blog-figure-svg feature "<headline>" --accent "#4F46E5" --pill "How To"/ork:design-stylecards list # Catalog index
/ork:design-stylecards elevation/md # Show one recipe
/ork:design-stylecards apply glass/dark to src/components/Panel.tsxblog-figure-svg — Stop using stock photos. Generate accessible, lightweight SVG figures for any blog or CMS - flow diagrams, comparison bar charts, taxonomy/Venn diagrams, annotated terminal mocks, and 1600x840 OG feature cards.…
design-stylecards — Declarative catalog of named aesthetic recipes — exact shadow stacks, glass surfaces, gradient treatments, and type scales as copy-paste values with Use-When and Avoid rules. Use when the user asks for polished…
Both are free to install. If you're unsure, install both — Claude Code skills are isolated by filename and only collide if their trigger phrases overlap (rare). The richest signal is the SKILL.md body itself — open both skill pages and read the first paragraph of each.
See all Claude Code skill comparisons · Browse all Content skills · Top 100
SKILL.md files, not affiliated with, endorsed by, or sponsored by Anthropic.