showcase-page-generator

Solid

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.

Code & Development 553 stars 82 forks Updated 3 weeks ago MIT

Install

View on GitHub

Quality Score: 92/100

Stars 20%
91
Recency 20%
90
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# 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 cre...

Details

Author
kostja94
Repository
kostja94/marketing-skills
Created
3 months ago
Last Updated
3 weeks ago
Language
N/A
License
MIT

Similar Skills

Semantically similar based on skill content — not just same category

Code & Development Solid

products-page-generator

When the user wants to create, optimize, or audit a product listing or category page. Also use when the user mentions "product page," "product listing," "shop," "e-commerce products," "product catalog," "product grid," "product cards," or "product overview." For category SEO, use category-page-generator.

553 Updated 3 weeks ago
kostja94
Code & Development Solid

customer-stories-page-generator

When the user wants to create, optimize, or audit customer stories or case study pages. Also use when the user mentions "case studies," "customer stories," "success stories," "testimonials page," "case study," "customer proof," "social proof page," or "results page." For testimonial components, use testimonials-generator.

553 Updated 3 weeks ago
kostja94
AI & Automation Solid

product-showcase

Generate a comprehensive marketing website for a web app — multi-page with real screenshots, animated GIF walkthroughs, feature deep-dives, and workflow demonstrations. Browses the running app, captures screens and sequences, and produces a deployable site that actually teaches people what the product does. Especially useful for complex or agentic apps that are hard to explain. Triggers: 'showcase site', 'product page', 'show off the app', 'marketing site', 'demo site', 'product showcase', 'explain the app', 'how do I market this'.

809 Updated 2 weeks ago
jezweb
Testing & QA Solid

testimonials-generator

When the user wants to add, optimize, or design customer testimonials, reviews, or case study sections. Also use when the user mentions "testimonials," "reviews," "customer quotes," "social proof," "case studies," "testimonial section," "customer reviews," "review schema," "testimonial design," or "social proof section." For case studies page, use customer-stories-page-generator.

553 Updated 3 weeks ago
kostja94
Code & Development Solid

features-page-generator

When the user wants to create, optimize, or audit features page content. Also use when the user mentions "features page," "product features," "capabilities," "what it does," "feature list," "feature comparison," "product capabilities," or "features section." For sitewide page planning, use website-structure.

553 Updated 3 weeks ago
kostja94