Pages: Showcase Skill

Pages: Showcase Skill

When the user wants to create, optimize, or audit a showcase or gallery page for user-generated content. Also use when the user mentions "showcase," "gallery," "user work," "UGC," "creator showcase," "examples," or "made with [product]."…

Install command

npx skills add https://github.com/kostja94/marketing-skills --skill showcase-page-generator
Added on

Details

Overview

Pages: Showcase Skill is an open-source Agent Skill from the kostja94/marketing-skills collection (MIT). It teaches AI coding agents focused marketing / SEO workflows so they can produce production-ready guidance instead of generic advice.

Guides showcase and gallery pages that display user-generated work, creator content, or "made with [product]" examples. Builds community, social proof, and inspiration. Common for design tools, no-code, and creator-focused products.

Identify: 1. Content type: Designs, sites, videos, templates, campaigns 2. Source: Curated, user-submitted, or both 3. Format: Grid, masonry, carousel; filter by category 4. Primary goal: Inspiration, sign up, community

Official skill id: showcase-page-generator. Source path: skills/pages/marketing/showcase.

Key Features

  • Q: uality over quantity: Show best work; maintain bar
  • D: iversity: Mix industries, styles, use cases
  • P: ermissions: Ensure creator consent; attribution
  • V: isual-first: Thumbnails, previews; minimal text
  • C: lick-through: To full project or creator profile
  • A: ttribution: Creator name, link; respect copyright

How to Use

  1. Use a Skill-compatible agent such as Claude Code, Cursor, or Codex.
  2. Install from the terminal (Node.js required):
npx skills add https://github.com/kostja94/marketing-skills --skill showcase

Or paste the install prompt from this tool page into your agent and ask it to install for you. 3. Restart / reload the agent so the new Skill is loaded. 4. Invoke the Skill with its slash commands or by asking the agent to run the workflow described in Overview / Key Features. 5. Review outputs before publishing — treat model-generated copy, images, and data as drafts.

Pricing

Plan Billing Price Notes
Open source — Free MIT license; install via npx skills add
Full pack — Free Optional: install the entire marketing-skills repo

No paid tiers. Check the GitHub repository for license and updates.

Best For

Marketers, indie hackers, ecommerce / SaaS founders, and SEO operators who want agents to execute a specific marketing task with structured best practices.

Trigger context from the skill author: When the user wants to create, optimize, or audit a showcase or gallery page for user-generated content. Also use when the user mentions "showcase," "gallery," "user work," "UGC," "creator showcase," "examples," or "made with [product]." For social proof components, use testimonials-generator.

FAQ

How do I install this skill?

npx skills add https://github.com/kostja94/marketing-skills --skill showcase-page-generator

Or copy the skill folder into .cursor/skills/, .agents/skills/, or .claude/skills/.

Does this skill run code on my machine?

No. Skills in this collection are pure Markdown instructions for agents — no executable payloads.

Can I install only this skill instead of the full pack?

Yes. Prefer --skill showcase-page-generator for a single task. Install 2–3 related skills per job rather than the entire library.

Where should I add project context?

Copy templates/project-context.md from the repo into .cursor/ or .claude/ and fill in product, audience, and brand details so outputs stay tailored.