showcase-page-generator
Compare original and translation side by side
🇺🇸
Original
English🇨🇳
Translation
ChinesePages: 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.
本指南介绍用于展示用户生成作品、创作者内容或“用[产品]制作”示例的展示页和图库页。这类页面能够打造社区、提供社交证明并激发灵感，常见于设计工具、无代码工具和面向创作者的产品。
调用时机：首次使用时，如有必要，先以1-2句话说明本技能的涵盖范围及其重要性，再提供主要输出内容。后续使用或用户要求跳过说明时，直接输出主要内容。
Initial Assessment
初始评估
Check for product marketing context first: If or exists, read it for product, audience, and UGC sources.
.claude/product-marketing-context.md.cursor/product-marketing-context.mdIdentify:
- Content type: Designs, sites, videos, templates, campaigns
- Source: Curated, user-submitted, or both
- Format: Grid, masonry, carousel; filter by category
- Primary goal: Inspiration, sign up, community
首先检查产品营销上下文：若存在或文件，请读取其中的产品、受众和UGC来源信息。
.claude/product-marketing-context.md.cursor/product-marketing-context.md明确以下几点：
- 内容类型：设计作品、网站、视频、模板、营销活动
- 来源：精选内容、用户提交内容，或两者兼具
- 展示格式：网格布局、瀑布流布局、轮播图；可按类别筛选
- 核心目标：激发灵感、促使用户注册、打造社区
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 |
| 板块 | 用途 |
|---|---|
| 标题 | “看看其他人的作品”或“用[产品]制作” |
| 介绍语 | 激发灵感；展示产品的可能性 |
| 图库 | 作品网格；包含缩略图、标题、创作者、链接 |
| 分类 | 按类型、行业、使用场景筛选 |
| 提交入口 | 引导用户提交作品的CTA；链接至表单或提交指南 |
| 精选作品 | 突出展示优质内容；定期轮换 |
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
- 提交引导CTA：“分享你的作品”；明确提交指南
- 创作者 spotlight：重点展示创作者；提升用户忠诚度
- 社交传播：支持分享至X、LinkedIn；鼓励用户@品牌
Output Format
输出格式
- Headline and intro
- Gallery structure (layout, filters)
- Per-item format (thumbnail, title, creator)
- Submit CTA and guidelines
- SEO metadata
- 标题与介绍语
- 图库结构（布局、筛选功能）
- 单条作品格式（缩略图、标题、创作者）
- 提交CTA及指南
- SEO元数据
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
- card：图库卡片结构；包含缩略图、标题、创作者、链接
- grid, masonry, carousel：网格布局适用于统一尺寸内容；瀑布流布局适用于高度不一的内容（类似Pinterest风格）；轮播图适用于精选内容轮换展示
- customer-stories-page-generator：案例研究与视觉展示页的区别；不同格式
- testimonials-generator：将客户评价作为组件；展示页可包含引用内容
- creator-program：为创作者计划成员打造的展示页
- landing-page-generator：作为转化页面的展示页