Template Page Generator
Design template gallery hubs and per-template detail pages so users can browse, filter, and start a use flow—or support programmatic SEO at scale.
Overview
template-page-generator is an agent skill most often used in Launch (also Build/frontend, Validate/landing) that designs template aggregation and detail pages for galleries, marketplaces, and scalable template-plus-data
Install
npx skills add https://github.com/kostja94/marketing-skills --skill template-page-generatorWhat is this skill?
- 2 template page types: aggregation (gallery/hub) vs detail with use/generate flow
- Covers user-facing marketplaces (Canva-style) and programmatic template + data scale
- Explicit handoff: programmatic-seo skill for data-driven URL set strategy at scale
- Invoke triggers include vibe coding templates, CMS templates, and template marketplace IA
- First-use intro optional; subsequent runs can skip straight to deliverables
- 2 distinct template page types: aggregation gallery/hub and individual template detail
Adoption & trust: 716 installs on skills.sh; 586 GitHub stars; 3/3 security scanners passed (skills.sh audits).
What problem does it solve?
You need hub and detail page patterns for a template product but confuse marketplace UX with raw programmatic SEO URL sprawl.
Who is it for?
Indie SaaS or content products where templates are browsable inventory and the detail page must drive a concrete use or generate action.
Skip if: Single static landing pages with no template catalog, or pure pSEO URL matrices without template selection UX—use programmatic-seo instead.
When should I use this skill?
User wants template pages—aggregation or detail—or mentions template gallery, hub, marketplace, vibe coding templates, CMS/design templates, or template + data pages; use programmatic-seo for SEO-at-scale URL strategy al
What do I get? / Deliverables
You get a typed page plan for gallery vs detail flows, clear scale vs user-template positioning, and a pointer to programmatic-seo when data-driven URL volume is the main lever.
- Template aggregation page structure (categories, filters, browse)
- Template detail page structure with use/generate flow
- Decision note on when to escalate to programmatic-seo
Recommended Skills
Journey fit
Spans multiple journey phases - primary shelf plus alternate fits below.
Template URL sets and gallery IA are primarily growth and discovery assets, so Launch is the canonical shelf even when page UI is built earlier. SEO subphase covers scalable template + data pages, internal linking between hub and detail, and discoverability patterns distinct from one-off marketing copy.
Where it fits
Sketch a minimal template detail page to test whether visitors click through to generate before investing in a full gallery.
Implement filterable aggregation routes and a detail page CTA wired to your generator or editor.
Plan hub-to-detail internal linking and title patterns so template categories become crawlable entry points.
How it compares
Page-design and marketplace IA skill; pair programmatic-seo when the dominant problem is data-driven URL scale rather than gallery/detail UX.
Common Questions / FAQ
Who is template-page-generator for?
Solo builders shipping template galleries, design marketplaces, vibe coding catalogs, or CMS template hubs who need coherent hub-and-detail information architecture.
When should I use template-page-generator?
Use at Launch/seo when planning template URL sets and internal linking; at Build/frontend when implementing gallery filters and detail use flows; at Validate/landing when proving a template-led acquisition page before full catalog scale.
Is template-page-generator safe to install?
It is documentation and design guidance only; review the Security Audits panel on this Prism page before installing any repo that bundles additional scripts.
Workflow Chain
Then invoke: programmatic seo
SKILL.md
READMESKILL.md - Template Page Generator
# Pages: Template Page Guides template page design for two distinct use cases: **(1) Programmatic SEO** — template + data = scale; **(2) User-facing templates** — users browse, select, and use templates to generate their own content (CMS, images, websites, vibe coding). See **programmatic-seo** for the scale framework. This skill covers **template aggregation pages** (gallery, hub) and **template detail pages** (individual template with "use" flow). **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. --- ## Two Template Page Types | Type | Purpose | Examples | |------|---------|----------| | **Template aggregation page** | Gallery, hub, category; list templates for browse and filter | Canva /templates, Figma templates, VibeCatalog /templates, uitovibe theme gallery | | **Template detail page** | Individual template; preview, description, **"Use this template"** CTA | Single template page; user clicks to copy, customize, or open in editor | --- ## Core Function: Users Use Templates to Generate Content Beyond SEO, template pages enable **direct use**: users select a template and generate their own content. Common patterns: | Domain | Flow | Examples | |--------|------|----------| | **CMS** | Browse templates → Select → Create page/post from template | WordPress themes, Webflow templates, Notion templates | | **Design / Images** | Browse → Preview → Customize in editor | Canva (Customize this template), Figma (Duplicate to your drafts) | | **Website builders** | Browse → Select → Customize (colors, fonts, content) → Deploy | VibeCatalog, Lovable, Bolt.new, v0; dashboard, landing page, SaaS templates | | **Vibe coding** | Browse UI themes → Copy style instructions → Add to AI prompt → Generate | uitovibe (copy instructions, paste into Bolt/Lovable/Cursor prompt) | **Key CTA**: "Use this template," "Customize this template," "Copy to editor," "Get this template," "Start with this." --- ## Template Aggregation Page (Gallery / Hub) | Section | Purpose | |---------|---------| | **Headline** | "Templates for [category]" or "Browse [X] templates" | | **Filters / Categories** | By type (dashboard, landing page, resume), platform (Bolt, Lovable, Next.js), use case | | **Template cards** | Thumbnail, name, short description, "Use" or "Preview" CTA; grid or list | | **Search** | By keyword, tag | | **Social proof** | "X templates," "Used by Y users," ratings | | **CTA** | Primary action (Browse, Get started, Sign up to use) | **Reference**: Canva organizes by 50+ design types (Docs, Presentations, Logos, Instagram Posts, etc.); Figma offers 300+ templates; VibeCatalog by project type (dashboards, landing pages). See **card** for template card structure and grid layout. --- ## Template Detail Page (Individual Template) | Section | Purpose | |---------|---------| | **Hero** | Template name, one-line benefit; **primary CTA: "Use this template" / "Customize" / "Copy"** | | **Preview** | Live preview, screenshot, or interactive demo; multiple views (desktop, mobile) | | **Description** | What it does, who it's for, what's included | | **Features / What's included** | Components, sections, customization options (colors, fonts, layouts) | | **How to use** | Steps: Copy → Paste in editor / Open in [tool] → Customize