design-stylecards vs page-play-builder

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

programmatic — Build a template × dataset page system for [pattern] from [dataset]
parasite     — Pick third-party platforms to rank for "[keyword]" and link back to [URL]
comparison   — Build a "you vs [Competitor]" (or "[Competitor] alternatives") page
local        — Do local SEO for [business] in [city] — storefront | service-area

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…

page-play-builder — Use when the user asks to "build programmatic SEO pages", "generate pages at scale", "rank on a high-authority third-party site", "borrow domain authority", "build a vs / alternative page", "do local SEO", "optimize a…

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 ig
• design-stylecards vs illo
• content-amplifier vs ig
• design-stylecards vs narrative-resonance-monitor
• design-stylecards vs pitch-narrative-builder

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