design-stylecards vs ig

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.

Side-by-side

Tag overlap

Sample code from each SKILL.md

/ork:design-stylecards list                      # Catalog index
/ork:design-stylecards elevation/md              # Show one recipe
/ork:design-stylecards apply glass/dark to src/components/Panel.tsx

source ~/Desktop/.env
PT=$(curl -s "https://graph.facebook.com/v21.0/$META_PAGE_ID?fields=access_token&access_token=$INSTAGRAM_ACCESS_TOKEN" \
  | python3 -c "import sys,json; print(json.load(sys.stdin)['access_token'])")

When to choose each

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…

ig — Full-lifecycle Instagram content engine with 13 sub-skills, 6 specialized agents, and 5-category 100-point scoring. Optimized for the 2026 Instagram algorithm (watch time, DM-sends, saves). Creates Reels, Stories,…

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.

Other comparisons in this category

• content-amplifier vs design-stylecards
• design-stylecards vs illo
• content-amplifier vs ig
• design-stylecards vs narrative-resonance-monitor
• design-stylecards vs page-play-builder
• design-stylecards vs pitch-narrative-builder

See all Claude Code skill comparisons · Browse all Content skills · Top 100