Landing Page from One Positioning Statement
Turn a one-line pitch into a responsive, conversion-structured landing page, then edit it section by section in plain English.
Before & after
Same prompt, same agent — the only difference is the skill.
I can help you build a landing page for your AI copywriting SaaS. To make sure it resonates with your audience, I'd like to understand your positioning better. Who's your target customer—solo creators, marketing agencies, in-house marketing teams? What's the key problem you're solving? Is it speed, consistency, or cost? Also, what's your brand personality—professional, playful, technical? Once I have those details, I could create a landing page with a hero section, features, and a call-to-action. I could also suggest some design directions if you have a reference site in mind. Would you want to iterate on it visually after I build it?
LANDING PAGE: AI COPYWRITING SAAS ===== HERO SECTION ===== Headline: AI that writes copy your brand would actually approve Subheading: Generate on-brand landing pages, emails, and ads in seconds. Edit once, publish everywhere. Hero image: Computer showing copywriting interface with red-pen edits (metaphor: AI assists but humans approve) CTA button: Start free trial Secondary CTA: See 2-minute demo ===== SOCIAL PROOF (Below Hero) ===== "Trusted by 2,400+ marketers" Logos: TechStartup Inc, SaaS Firm LLC, Digital Agency Co Testimonial: "Reduced our copy writing time from 4 hours to 30 minutes per campaign. And it actually sounds like us." – Maria Chen, Head of Content Marketing ===== FEATURES SECTION ===== Feature 1: Multi-platform templates Icon: stack of documents Description: Landing page, email, ad copy, SMS—pre-built templates tuned for each channel. Feature 2: Brand voice training Icon: microphone with brain Description: Feed it your brand voice once. Every output stays on-brand automatically. Feature 3: One-click revision Icon: pencil with lightning bolt Description: Generate 3 variants, pick your favorite, iterate in seconds. No re-prompting. Feature 4: Collaboration mode Icon: people icon Description: Comment, approve, ship—team workflows built in. No more email chains. ===== PRICING TABLE ===== Starter (Free) • 10 copies/month • 1 brand voice • Basic templates → CTA: Get started free Professional (49/mo) • Unlimited copies • 5 brand voices • All templates • API access → CTA: Start 14-day free trial → Recommended tag Enterprise (Custom) • White-label option • SSO + audit logs • Dedicated support → CTA: Talk to sales ===== FAQ ===== Accordion 1: How is this different from ChatGPT? → Answer: Multi-channel templates, brand voice memory, one-click revision loops. Accordion 2: Do you store my copy? → Answer: No. Encrypted in transit, deleted after 30 days per GDPR. Accordion 3: Can I use this for client work? → Answer: Yes. Professional plan includes white-label domain option. ===== FINAL CTA (Bottom) ===== Headline: Ship better copy 10x faster CTA: Start your free trial today Secondary: Schedule a demo ===== DESIGN SPECS ===== Color palette: • Primary (buttons): #2563EB (blue) • Accent (highlights): #DC2626 (red, for edit marks metaphor) • Background: #FFFFFF (white) • Text: #1F2937 (dark gray) • Border: #E5E7EB (light gray) Typography: • Headline: 48px, bold, sans-serif • Subheading: 18px, regular, gray • Body: 16px, regular, dark gray Responsiveness: Mobile-first (375px), tablet (768px), desktop (1280px) ===== ITERATION READY ===== To customize: → Change positioning statement → I regenerate hero and CTAs → Upload logo → Integrated in header → Adjust brand colors → Applied across all elements → Add more features → I expand features section → Reference a SaaS site → I restyle to match visual direction Deployed at: domain
About this skill
Your AI-generated landing page says "Supercharge your workflow," uses the same purple gradient as everyone else, and shows testimonials from customers you don't have. When you ask for one change, it rewrites the whole page and quietly undoes your last three edits. This skill builds the page from your positioning and keeps it stable while you iterate.
What it does
- Pulls audience, pain, outcome, mechanism, proof, and the one conversion action out of your pitch, then builds every section from that brief
- Writes a specific hero, benefit-led feature blocks, and an FAQ that answers real objections, with banned-cliche filtering and a "could a competitor use this headline" test
- Orders sections by how aware your traffic already is, and drops any section you have no real content for
- Builds on CSS design tokens with density presets, so requests like "more premium" or "use our hex colors" become small token changes
- Turns a reference site into five style traits and applies them without copying the site's copy or assets
- Edits by section anchor and keeps a running state block, so later changes never undo earlier ones
What you get
A complete, working landing page as a single HTML file, a Next.js App Router project, or an Astro project. You also get a short brief that lists its assumptions, clearly marked placeholders where proof belongs, and an edit-handles block you use for each round of changes.
Best for
Founders validating an offer, agencies drafting client pages before a design pass, and marketers who need a credible page live this week without a designer.
SKILL.md preview
---
name: landing-page-from-positioning
… (sign up to view the full skill)More design skills
View all Design skills →Rhinestone Clipart Studio
Use when the request is for rhinestone, gemstone, crystal, or jeweled-brooch style character clipart — generating a new faceted-gem characte
Design Critique with Prioritized Fix List
Critiques a UI, landing page, or layout against its goal and returns ranked fixes with exact sizes, spacing, and contrast ratios.
Native iOS and Android Screen Design and Review
Screen specs and mockup reviews for iOS and Android apps that use correct navigation, touch targets, type scales, safe areas and states.
Interactive Concept Explainer (Single HTML File)
A one-file HTML explainer with sliders, steps, and a baseline that teaches one concept, with its math stated and checked by hand.