Landing page wireframer
Outputs a Tailwind-ready landing page wireframe from a value prop + audience.
Triumph TechNeed a quick read on Landing page wireframer?
Skim the gist, what it's good for, a real prompt to try, and the gotchas — all distilled from SKILL.md. Cached after the first run.
About this skill
--- name: landing-page-wireframer version: 1.0.0 description: Outputs a Tailwind-ready landing page wireframe from a value prop + audience. triggers: - wireframe a landing page - draft landing page structure - design landing page runtimes: - code tags: - marketing - design - tailwind ---
# Landing page wireframer
Given a value proposition ("Rock-native check-in for multi-campus churches") and audience ("church admins, 30-50 staff, evaluating in next 90 days"), generates a hero / proof / features / testimonial / pricing / CTA wireframe. Output is annotated HTML + Tailwind classes, ready to drop into a Next.js or static site. Tags variants for A/B candidates.
## When to use
- "wireframe a landing page" - "draft landing page structure" - "design landing page"
## Notes
This skill is published to the Triumph Skills Marketplace. Report issues or request features directly from the skill's page.