Landing Page Generator

中级creative最低上下文：32K

Generates complete, responsive landing pages from a product description or brief. Produces semantic HTML, modern CSS (Tailwind or vanilla), and optional JavaScript for interactions. Follows conversion-optimized layouts with hero sections, features, social proof, pricing, and CTAs.

frontendhtmltailwindmarketingweb-designconversion

使用场景

  • Quickly prototyping a SaaS landing page from a product brief
  • Generating A/B test variants for marketing campaigns
  • Creating event or launch announcement pages
  • Building portfolio or personal brand pages
  • Producing email-capture squeeze pages

示例提示词

Create a modern landing page for "FlowMetrics" — a real-time analytics dashboard for SaaS companies.

Product details:
- Tracks MRR, churn, LTV, and cohort retention
- Integrates with Stripe, Paddle, and Chargebee
- Real-time alerts via Slack and email
- Starts at $29/month

Requirements:
- Use Tailwind CSS
- Dark theme with accent color #6366f1
- Sections: Hero with CTA, Features (3-4), Integrations logos, Pricing (3 tiers), FAQ, Footer
- Mobile responsive
- Include meta tags for SEO

推荐模型

claude-opus-4-7gpt-5-5-proclaude-sonnet-4-6gemini-3-1-pro

兼容工具

cursorclaude-codekirowindsurfany

模态

输入: text
→
输出: code, text

相关 Skills

react-component-generatordocumentation-generator

作者

OpenModels Community

@openmodelsrun