
Showcase Page Generator
Plan and optimize a "Made with [product]" or UGC showcase page that turns customer work into signups and community proof.
Overview
showcase-page-generator is an agent skill most often used in Launch (also Grow) that structures UGC showcase and gallery pages for inspiration, community, and conversion.
Install
npx skills add https://github.com/kostja94/marketing-skills --skill showcase-page-generatorWhat is this skill?
- Initial assessment for content type, UGC source (curated vs submitted), and gallery format
- Structured page sections: headline, intro, gallery grid, filters, and primary CTA
- Reads .claude/project-context.md or .cursor/project-context.md when present for product and audience fit
- Positions showcase vs testimonials-generator for social proof split
- Covers design-tool, no-code, and creator-product patterns (version 1.0.1 metadata)
- Documented page section table (headline, intro, gallery, filters, CTA)
- Skill metadata version 1.0.1
Adoption & trust: 742 installs on skills.sh; 586 GitHub stars; 3/3 security scanners passed (skills.sh audits).
What problem does it solve?
You have great customer creations but no clear showcase page structure, filters, or CTA story to turn UGC into trust and signups.
Who is it for?
Solo founders of design, no-code, or creator tools who need a credible public gallery before or right after launch.
Skip if: Quote-only testimonial blocks without a visual gallery—use testimonials-generator instead—or products with no permissible UGC to display.
When should I use this skill?
User mentions showcase, gallery, user work, UGC, creator showcase, examples, or made with [product] for page creation or audit.
What do I get? / Deliverables
You leave with an audited showcase page blueprint—sections, gallery format, sourcing model, and goals—ready to implement or hand to a builder agent.
- Showcase page section outline
- Gallery format and filtering recommendations
- Goal-aligned headline and CTA guidance
Recommended Skills
Journey fit
Spans multiple journey phases - primary shelf plus alternate fits below.
Showcase pages are launch assets that distribute social proof and inspire trial; canonical shelf is Launch before ongoing content programs in Grow. Distribution covers pages and channels that put product outcomes in front of new visitors, which is exactly what a public gallery achieves.
Where it fits
Draft a pre-launch "Made with Acme" gallery to pair with your Product Hunt or landing push.
Expand a monthly community spotlight grid with category filters and featured creators.
Prototype a lightweight examples section on a waitlist page to prove real output before full build.
How it compares
Pair this page-level generator with testimonials-generator when you need both visual UGC grids and quote-based social proof modules.
Common Questions / FAQ
Who is showcase-page-generator for?
Indie builders and small teams marketing creator-focused or template-driven products who want agent help planning showcase and gallery pages.
When should I use showcase-page-generator?
Use it at Launch when drafting distribution pages for "made with" galleries, and in Grow when expanding content hubs or community highlights; skip when the user only wants testimonial copy widgets.
Is showcase-page-generator safe to install?
Check the Security Audits panel on this Prism listing before installing; the skill is editorial guidance and optional local project-context reads, not a third-party API integration.
Workflow Chain
Then invoke: testimonials generator
SKILL.md
READMESKILL.md - Showcase Page Generator
# 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-style); carousel for featured rotation - **customer-stories-page-generator**: Case studies vs. visual showcase; different formats - **testimonials-generator**: Testimonials as component; showcase can include quotes - **creator-program**: Creator showcase for program members - **landing-page-generator**: Showcase as conversion page