Agent skill · marketing growth · kostja94
showcase-page-generator
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.
Why this skill is useful
Provides structured guidelines and best practices for creating effective showcase pages that the AI wouldn't reliably generate on its own.
What it needs
About 2k tokens when loaded. Last updated 2026-06-09. 860 stars on the source repository.
What this skill does
Pages: Showcase 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. When invoking: On first use, if helpful, open with 1–2 sentences on what this skill covers and why it matters, then provide the main output. On subsequent use or when the user asks to skip, go directly to the main output. Initial Assessment Check for project context first: If .claude/project-context.md or .cursor/project-context.md exists, read it for product, audience, and UGC sources. 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 Page Structure Section Purpose --------- --------- Headline "See What Others Built" or "Made with [Product]" Intro Inspire; show what's possible Gallery Grid of items; thumbnail, title, creator, link Categories Filter by type, industry, use case Submit CTA to submit work; link to form or guidelines Featured Highlight top picks; rotate periodically Best Practices Curation Quality over quantity: Show best work; maintain bar Diversity: Mix industries, styles, use cases Permissions: Ensure creator consent; attribution Display Visual-first: Thumbnails, previews; minimal text Click-through: To full project or creator profile Attribution: Creator name, link; respect copyright Community Submit CTA: "Share your work"; clear guidelines Featured creators: Spotlight; builds loyalty Social: Share to X, LinkedIn; encourage tagging Output Format Headline and intro Gallery structure (layout, filters) Per-item format (thumbnail, title, creator) Submit CTA and guidelines SEO metadata Related Skills card: Gallery card structure; thumbnail, title, creator, link grid, masonry, carousel: Grid for uniform; masonry for varying heights (Pinterest-s …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills kostja94/showcase