{ "schemaVersion": "1.0", "item": { "slug": "landing-page-converter", "name": "Landing Page Converter", "source": "tencent", "type": "skill", "category": "内容创作", "sourceUrl": "https://clawhub.ai/cameron-jovan/landing-page-converter", "canonicalUrl": "https://clawhub.ai/cameron-jovan/landing-page-converter", "targetPlatform": "OpenClaw" }, "install": { "downloadMode": "redirect", "downloadUrl": "/downloads/landing-page-converter", "sourceDownloadUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=landing-page-converter", "sourcePlatform": "tencent", "targetPlatform": "OpenClaw", "installMethod": "Manual import", "extraction": "Extract archive", "prerequisites": [ "OpenClaw" ], "packageFormat": "ZIP package", "includedAssets": [ "SKILL.md", "templates/landing-page.html", "templates/product-page.html" ], "primaryDoc": "SKILL.md", "quickSetup": [ "Download the package from Yavira.", "Extract the archive and review SKILL.md first.", "Import or place the package into your OpenClaw setup." ], "agentAssist": { "summary": "Hand the extracted package to your coding agent with a concrete install brief instead of figuring it out manually.", "steps": [ "Download the package from Yavira.", "Extract it into a folder your agent can access.", "Paste one of the prompts below and point your agent at the extracted folder." ], "prompts": [ { "label": "New install", "body": "I downloaded a skill package from Yavira. Read SKILL.md from the extracted folder and install it by following the included instructions. Tell me what you changed and call out any manual steps you could not complete." }, { "label": "Upgrade existing", "body": "I downloaded an updated skill package from Yavira. Read SKILL.md from the extracted folder, compare it with my current installation, and upgrade it while preserving any custom configuration unless the package docs explicitly say otherwise. Summarize what changed and any follow-up checks I should run." } ] }, "sourceHealth": { "source": "tencent", "status": "healthy", "reason": "direct_download_ok", "recommendedAction": "download", "checkedAt": "2026-04-23T16:43:11.935Z", "expiresAt": "2026-04-30T16:43:11.935Z", "httpStatus": 200, "finalUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=4claw-imageboard", "contentType": "application/zip", "probeMethod": "head", "details": { "probeUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=4claw-imageboard", "contentDisposition": "attachment; filename=\"4claw-imageboard-1.0.1.zip\"", "redirectLocation": null, "bodySnippet": null }, "scope": "source", "summary": "Source download looks usable.", "detail": "Yavira can redirect you to the upstream package for this source.", "primaryActionLabel": "Download for OpenClaw", "primaryActionHref": "/downloads/landing-page-converter" }, "validation": { "installChecklist": [ "Use the Yavira download entry.", "Review SKILL.md after the package is downloaded.", "Confirm the extracted package contains the expected setup assets." ], "postInstallChecks": [ "Confirm the extracted package includes the expected docs or setup files.", "Validate the skill or prompts are available in your target agent workspace.", "Capture any manual follow-up steps the agent could not complete." ] }, "downloadPageUrl": "https://openagent3.xyz/downloads/landing-page-converter", "agentPageUrl": "https://openagent3.xyz/skills/landing-page-converter/agent", "manifestUrl": "https://openagent3.xyz/skills/landing-page-converter/agent.json", "briefUrl": "https://openagent3.xyz/skills/landing-page-converter/agent.md" }, "agentAssist": { "summary": "Hand the extracted package to your coding agent with a concrete install brief instead of figuring it out manually.", "steps": [ "Download the package from Yavira.", "Extract it into a folder your agent can access.", "Paste one of the prompts below and point your agent at the extracted folder." ], "prompts": [ { "label": "New install", "body": "I downloaded a skill package from Yavira. Read SKILL.md from the extracted folder and install it by following the included instructions. Tell me what you changed and call out any manual steps you could not complete." }, { "label": "Upgrade existing", "body": "I downloaded an updated skill package from Yavira. Read SKILL.md from the extracted folder, compare it with my current installation, and upgrade it while preserving any custom configuration unless the package docs explicitly say otherwise. Summarize what changed and any follow-up checks I should run." } ] }, "documentation": { "source": "clawhub", "primaryDoc": "SKILL.md", "sections": [ { "title": "Landing Page Converter Skill", "body": "Convert any offer into a high-converting landing page or product page using the proven templates from the Jovan Industries conversion framework." }, { "title": "1. LANDING PAGE Template", "body": "Used for: Lead magnets, email captures, webinar signups, free trials\n\n┌─────────────────────────────────────────────────────────┐\n│ HERO SECTION │\n│ ┌─────────────────────────────────────────────────┐ │\n│ │ Main Headline (1 line, punchy, benefit-driven) │ │\n│ └─────────────────────────────────────────────────┘ │\n│ ┌─────────────────────────────────────────────────┐ │\n│ │ Sub-headline (explain the main benefit) │ │\n│ └─────────────────────────────────────────────────┘ │\n│ ┌─────────────────────────────────────────────────┐ │\n│ │ PRIMARY CTA BUTTON (big, contrasting color) │ │\n│ └─────────────────────────────────────────────────┘ │\n│ [Product/hero image] │\n└─────────────────────────────────────────────────────────┘\n ↓\n┌─────────────────────────────────────────────────────────┐\n│ SOCIAL PROOF BAR │\n│ \"TRUSTED BY 10,000+ [理想Customers]\" │\n│ [Logo] [Logo] [Logo] [Logo] [Logo] │\n└─────────────────────────────────────────────────────────┘\n ↓\n┌─────────────────────────────────────────────────────────┐\n│ PROBLEM SECTION │\n│ \"Struggling with [PAIN POINT]?\" │\n│ Describe the problem in customer's words │\n│ [Image: person looking frustrated] │\n└─────────────────────────────────────────────────────────┘\n ↓\n┌─────────────────────────────────────────────────────────┐\n│ AGITATION SECTION │\n│ \"Here's why [PAIN POINT] keeps getting worse...\" │\n│ Make the problem feel more urgent/painful │\n│ [Image: problem escalation visuals] │\n└─────────────────────────────────────────────────────────┘\n ↓\n┌─────────────────────────────────────────────────────────┐\n│ SOLUTION SECTION │\n│ ┌─────────────────────────────────────────────────┐ │\n│ │ \"Introducing [PRODUCT NAME]\" │ │\n│ │ │ │\n│ │ [Product image - large, clear] │ │\n│ └─────────────────────────────────────────────────┘ │\n│ List 3-5 key benefits (not features) │\n└─────────────────────────────────────────────────────────┘\n ↓\n┌─────────────────────────────────────────────────────────┐\n│ MECHANICS SECTION │\n│ \"How it works - 3 simple steps\" │\n│ Step 1 → Step 2 → Step 3 (with icons/images) │\n└─────────────────────────────────────────────────────────┘\n ↓\n┌─────────────────────────────────────────────────────────┐\n│ TESTIMONIALS SECTION │\n│ [★ 5.0] \"Changed my life...\" │\n│ - Name, Title │\n│ [★ 5.0] \"Best investment...\" │\n│ - Name, Title │\n│ [★ 5.0] \"Finally works...\" │\n│ - Name, Title │\n└─────────────────────────────────────────────────────────┘\n ↓\n┌─────────────────────────────────────────────────────────┐\n│ OFFER SECTION │\n│ \"Here's what you get:\" │\n│ ✓ [Benefit 1] │\n│ ✓ [Benefit 2] │\n│ ✓ [Benefit 3] │\n│ + [Bonuses] │\n│ [PRIMARY CTA BUTTON] │\n└─────────────────────────────────────────────────────────┘\n ↓\n┌─────────────────────────────────────────────────────────┐\n│ RISK REVERSAL │\n│ \"Your protection:\" │\n│ ✓ [Risk Reversal 1 - usually money-back] │\n│ ✓ [Risk Reversal 2] │\n│ ✓ [Risk Reversal 3] │\n└─────────────────────────────────────────────────────────┘\n ↓\n┌─────────────────────────────────────────────────────────┐\n│ FINAL CTA SECTION │\n│ \"Start [DESIRED ACTION] Today\" │\n│ [Countdown timer if scarcity] │\n│ [PRIMARY CTA BUTTON] │\n└─────────────────────────────────────────────────────────┘\n ↓\n┌─────────────────────────────────────────────────────────┐\n│ FOOTER │\n│ [Links] [Privacy] [Terms] [Contact] │\n└─────────────────────────────────────────────────────────┘" }, { "title": "2. PRODUCT PAGE Template", "body": "Used for: Direct product sales, e-commerce, digital products\n\nBuild product pages EXCLUSIVELY using this 10-section flow from top to bottom:\n\n┌─────────────────────────────────────────────────────────┐\n│ 1. NAV (Top Menu) │\n│ [Logo] [Shop] [About] [Blog] [Contact] [Cart 🛒] │\n└─────────────────────────────────────────────────────────┘\n ↓\n┌─────────────────────────────────────────────────────────┐\n│ 2. BUYBOX (Hero Product Module) │\n│ ┌─────────────────────┬───────────────────────────┐ │\n│ │ │ ★★★★★ (128 reviews) │ │\n│ │ [Product Image] │ PRODUCT NAME │ │\n│ │ │ $XX.XX │ │\n│ │ │ [Color: ▼] [Size: ▼] │ │\n│ │ │ [ADD TO CART] │ │\n│ │ │ [Buy Now] │ │\n│ └─────────────────────┴───────────────────────────┘ │\n└─────────────────────────────────────────────────────────┘\n ↓\n┌─────────────────────────────────────────────────────────┐\n│ 3. SOCIAL PROOF #1 (Testimonials Row 1) │\n│ \"⭐⭐⭐⭐⭐ Loved by 10,000+ customers\" │\n│ ┌─────────────┐ ┌─────────────┐ ┌─────────────┐ │\n│ │ \"Quote...\" │ │ \"Quote...\" │ │ \"Quote...\" │ │\n│ │ - Name │ │ - Name │ │ - Name │ │\n│ │ [avatar] │ │ [avatar] │ │ [avatar] │ │\n│ └─────────────┘ └─────────────┘ └─────────────┘ │\n│ ↗ ↗ ↗ │\n│ [FB] [TW] [IG] [PI] (share icons above) │\n└─────────────────────────────────────────────────────────┘\n ↓\n┌─────────────────────────────────────────────────────────┐\n│ 4. SOCIAL PROOF #2 (More Proof / UGC) │\n│ \"Here's what real customers are sharing...\" │\n│ [Customer photo 1] [Customer photo 2] │\n│ [Customer photo 3] [Customer photo 4] │\n│ \"Posted on Instagram/Twitter...\" │\n└─────────────────────────────────────────────────────────┘\n ↓\n┌─────────────────────────────────────────────────────────┐\n│ 5. BENEFITS (Icon-Bulleted List) │\n│ ┌─────────────────────────────────────────────────┐ │\n│ │ [icon] BENEFIT 1 │ │\n│ │ Short description of this benefit │ │\n│ ├─────────────────────────────────────────────────┤ │\n│ │ [icon] BENEFIT 2 │ │\n│ │ Short description of this benefit │ │\n│ ├─────────────────────────────────────────────────┤ │\n│ │ [icon] BENEFIT 3 │ │\n│ │ Short description of this benefit │ │\n│ ├─────────────────────────────────────────────────┤ │\n│ │ [icon] BENEFIT 4 │ │\n│ │ Short description of this benefit │ │\n│ └─────────────────────────────────────────────────┘ │\n└─────────────────────────────────────────────────────────┘\n ↓\n┌─────────────────────────────────────────────────────────┐\n│ 6. INGREDIENTS/MATERIALS (Specs Grid) │\n│ \"What's Inside / Product Specifications\" │\n│ ┌─────────────┬─────────────┬─────────────┐ │\n│ │ [img] │ [img] │ [img] │ │\n│ │ Label 1 │ Label 2 │ Label 3 │ │\n│ │ ✓ Check │ ✓ Check │ ✓ Check │ │\n│ └─────────────┴─────────────┴─────────────┘ │\n│ [Full ingredient list + detailed specs] │\n└─────────────────────────────────────────────────────────┘\n ↓\n┌─────────────────────────────────────────────────────────┐\n│ 7. SOCIAL PROOF #3 (Video / Case Studies) │\n│ [▶ Play Video] \"See how it works\" │\n│ ┌─────────────────────────────────────────────────┐ │\n│ │ \"My Results After 30 Days\" │ │\n│ │ [Before] → [After] │ │\n│ │ - Name, Location │ │\n│ └─────────────────────────────────────────────────┘ │\n│ [Influencer quote + handle] │\n└─────────────────────────────────────────────────────────┘\n ↓\n┌─────────────────────────────────────────────────────────┐\n│ 8. COMPARISON (Table) │\n│ ┌───────────┬───────────┬───────────┐ │\n│ │ OUR PRODUCT │ Competitor A │ Competitor B │\n│ ├──────────────┼───────────┼───────────┼───────────┤ │\n│ │ Feature 1 │ ✓ │ ✓ │ ✗ │\n│ ├──────────────┼───────────┼───────────┼───────────┤ │\n│ │ Feature 2 │ ✓ │ ✗ │ ✓ │\n│ ├──────────────┼───────────┼───────────┼───────────┤ │\n│ │ Price │ $XX │ $XX │ $XX │\n│ ├──────────────┼───────────┼───────────┼───────────┤ │\n│ │ Quality │ ★★★★★ │ ★★★ │ ★★ │\n│ └──────────────┴───────────┴───────────┴───────────┘ │\n└─────────────────────────────────────────────────────────┘\n ↓\n┌─────────────────────────────────────────────────────────┐\n│ 9. FAQ (Accordion) │\n│ ▼ Question 1? │\n│ Answer text here... │\n│ ▶ Question 2? │\n│ ▶ Question 3? │\n│ ▶ Question 4? │\n└─────────────────────────────────────────────────────────┘\n ↓\n┌─────────────────────────────────────────────────────────┐\n│ 10. CTA (Final Call-to-Action) │\n│ ┌─────────────────────────────────────────────────┐ │\n│ │ \"Ready to experience [BENEFIT]?\" │ │\n│ │ │ │\n│ │ [★ LARGE ADD TO CART BUTTON ★] │ │\n│ │ │ │\n│ │ 🛡️ Money-back guarantee │ 🚚 Free shipping │ │\n│ │ 🔒 Secure checkout │ ⚡ Ships today │ │\n│ └─────────────────────────────────────────────────┘ │\n│ ────────────────────────────────────────────────── │\n│ [Nav] [Shop] [About] [Contact] [Privacy] [Terms] │\n└─────────────────────────────────────────────────────────┘" }, { "title": "Section Breakdown", "body": "1. NAV (Top Menu)\n\nHorizontal navigation bar\nLogo on left\nMenu links center (Shop, About, Blog, Contact)\nCart icon on right with item count badge\n\n2. BUYBOX (Hero Product Module)\n\nProduct image on left (large, clear)\nProduct name prominently displayed\nSocial proof callout ABOVE the product name (star rating + review count)\nPrice clearly visible\nVariant selectors (color, size, quantity)\nPrimary CTA: \"Add to Cart\"\nSecondary CTA: \"Buy Now\"\n\n3. SOCIAL PROOF #1 (Testimonials Row 1)\n\nTrust headline (\"Loved by X+ customers\")\n3 testimonial cards in a row\nEach: quote, star rating, customer name, avatar\nSocial share icons above the testimonials\n\n4. SOCIAL PROOF #2 (More Proof / UGC)\n\nUser-generated content section\nCustomer photos in grid layout\n\"Posted on Instagram/Twitter\" attribution\nMore testimonials or social mentions\n\n5. BENEFITS (Icon-Bulleted List)\n\n4-6 benefits with icons\nShort description under each bullet\nIcons should match brand aesthetic\n\n6. INGREDIENTS/MATERIALS (Specs Grid)\n\nVisual grid of key ingredients/materials\nImages for each ingredient\nLabels/checkmarks indicating what's included\nFull ingredient list or specs table below\n\n7. SOCIAL PROOF #3 (Video / Case Studies)\n\nVideo modal trigger button (\"Watch how it works\")\nBefore/after case study with customer name + location\nInfluencer quote with social handle\n\n8. COMPARISON (Table)\n\nProduct vs alternatives comparison\nFeature-by-feature with checkmarks/X marks\nPrice comparison column\nQuality/rating comparison\n\n9. FAQ (Accordion)\n\nExpandable/collapsible questions\nAddress common objections\n4-8 Q&A pairs with clear answers\n\n10. CTA (Final Call-to-Action)\n\nLarge, prominent \"Add to Cart\" button\nUrgency headline\nTrust badges (guarantee, shipping, security)\nFooter navigation below (same as nav but simplified)" }, { "title": "Step 1: Gather Content", "body": "Before building, collect:\n\nProduct/offer name\nTarget audience\nPrimary pain point you're solving\nKey benefits (3-5)\nProduct features/specs\nPrice and offers\nTestimonials (or placeholders)\nBrand colors/fonts" }, { "title": "Step 2: Choose Template", "body": "Landing Page: Lead capture, webinar, free trial, email signup\nProduct Page: Direct product sale, e-commerce" }, { "title": "Step 3: Map Content to Template", "body": "For Landing Pages:\n\nHero → Headline, subhead, CTA, hero image\nSocial Proof → Customer count, logos\nProblem → Pain point in customer's words\nAgitation → Why problem gets worse\nSolution → Product intro + benefits\nMechanics → How it works (3 steps)\nTestimonials → Social proof\nOffer → What's included + bonuses\nRisk Reversal → Guarantees\nFinal CTA → Urgency + button\n\nFor Product Pages (10-section flow):\n\nNav → Top horizontal navigation bar with menu links, logo, cart icon\nBuybox → Central product buy module: image left, title/pricing right, add-to-cart button, variant selectors. Ensure product name is clearly seen, with a social proof callout on top of it\nSocial Proof → First testimonials row: quotes, stars, avatars; social share icons above\nSocial Proof #2 → Second proof block: more testimonials or user-generated content feeds\nBenefits → Icon-bulleted benefits list with short descriptions under each\nIngredients/Materials → Product ingredients or specs grid: images, labels, checkboxes\nSocial Proof #3 → Third proof area: video modal trigger, influencer quotes, or case studies\nComparison → Table comparing product vs alternatives: columns for features, pricing, checks\nFAQ → Expandable questions list addressing common objections\nCTA → Final urgent call-to-action: large button, guarantee badges, footer nav below" }, { "title": "Step 4: Output Format", "body": "Output as:\n\nFigma-ready spec - with exact copy, images needed, colors\nHTML structure - semantic HTML with placeholder content\nCopy document - just the text/headlines for your designer" }, { "title": "Headline Formula", "body": "[Emotion] + [Specific Result] + [Timeframe]\nExample: \"Wake Up to Glowing Skin in 7 Days\"" }, { "title": "CTA Button Rules", "body": "Use contrasting color from brand\nAction verb + benefit: \"Get My Free Guide\"\nAbove the fold AND at bottom\nBig, clickable (min 44px height)" }, { "title": "Social Proof Placement", "body": "Immediately after hero (logo bar)\nBefore offer section (testimonials)\nAbove the fold (star ratings)" }, { "title": "Risk Reversal Must-Haves", "body": "Money-back guarantee (时长)\n\"No questions asked\"\nFree shipping (if applicable)\n\"Secure checkout\"" }, { "title": "Example: SoftEditSkin Product Page", "body": "Product: Ceramide Night Cream\nPrice: $48\nPain Point: Dry, irritated skin\n\nHERO:\n- Headline: \"Wake Up to Soft, Calm Skin\"\n- Subhead: \"The ceramide-rich cream that repairs your barrier overnight\"\n- CTA: \"Add to Cart - $48\"\n- Image: Product shot with soft lighting\n\nQUICK OVERVIEW:\n- ✓ Repairs skin barrier\n- ✓ Deep hydration\n- ✓ Fragrance-free\n- ✓ Ships free\n\nBENEFITS:\n- ✓ Ceramide Complex - Locks in moisture for 24hr hydration\n- ✓ Shea Butter - Softens without greasiness \n- ✓ Niacinamide - Calms redness and irritation\n- ✓ Vitamin E - Fights free radicals\n\nHOW TO USE:\n1. Apply to clean face nightly\n2. Massage in upward strokes\n3. Wake up with glowing skin\n\nTESTIMONIALS:\n- \"My skin has never felt better\" - Sarah M.\n- \"Worth every penny\" - Jessica L.\n\nFAQ:\n- \"How long until I see results?\" → \"Most see improvement in 7 days\"\n- \"Is it for sensitive skin?\" → \"Yes, fragrance-free and hypoallergenic\"" }, { "title": "File Structure", "body": "landing-page-converter/\n├── SKILL.md # This file\n├── templates/\n│ ├── landing-page.html # Landing page HTML template\n│ └── product-page.html # Product page HTML template\n└── examples/\n ├── softedit-skin.md # Example: product page\n └── tiny-edit.md # Example: landing page" } ], "body": "Landing Page Converter Skill\n\nConvert any offer into a high-converting landing page or product page using the proven templates from the Jovan Industries conversion framework.\n\nThe Two Templates\n1. LANDING PAGE Template\n\nUsed for: Lead magnets, email captures, webinar signups, free trials\n\n┌─────────────────────────────────────────────────────────┐\n│ HERO SECTION │\n│ ┌─────────────────────────────────────────────────┐ │\n│ │ Main Headline (1 line, punchy, benefit-driven) │ │\n│ └─────────────────────────────────────────────────┘ │\n│ ┌─────────────────────────────────────────────────┐ │\n│ │ Sub-headline (explain the main benefit) │ │\n│ └─────────────────────────────────────────────────┘ │\n│ ┌─────────────────────────────────────────────────┐ │\n│ │ PRIMARY CTA BUTTON (big, contrasting color) │ │\n│ └─────────────────────────────────────────────────┘ │\n│ [Product/hero image] │\n└─────────────────────────────────────────────────────────┘\n ↓\n┌─────────────────────────────────────────────────────────┐\n│ SOCIAL PROOF BAR │\n│ \"TRUSTED BY 10,000+ [理想Customers]\" │\n│ [Logo] [Logo] [Logo] [Logo] [Logo] │\n└─────────────────────────────────────────────────────────┘\n ↓\n┌─────────────────────────────────────────────────────────┐\n│ PROBLEM SECTION │\n│ \"Struggling with [PAIN POINT]?\" │\n│ Describe the problem in customer's words │\n│ [Image: person looking frustrated] │\n└─────────────────────────────────────────────────────────┘\n ↓\n┌─────────────────────────────────────────────────────────┐\n│ AGITATION SECTION │\n│ \"Here's why [PAIN POINT] keeps getting worse...\" │\n│ Make the problem feel more urgent/painful │\n│ [Image: problem escalation visuals] │\n└─────────────────────────────────────────────────────────┘\n ↓\n┌─────────────────────────────────────────────────────────┐\n│ SOLUTION SECTION │\n│ ┌─────────────────────────────────────────────────┐ │\n│ │ \"Introducing [PRODUCT NAME]\" │ │\n│ │ │ │\n│ │ [Product image - large, clear] │ │\n│ └─────────────────────────────────────────────────┘ │\n│ List 3-5 key benefits (not features) │\n└─────────────────────────────────────────────────────────┘\n ↓\n┌─────────────────────────────────────────────────────────┐\n│ MECHANICS SECTION │\n│ \"How it works - 3 simple steps\" │\n│ Step 1 → Step 2 → Step 3 (with icons/images) │\n└─────────────────────────────────────────────────────────┘\n ↓\n┌─────────────────────────────────────────────────────────┐\n│ TESTIMONIALS SECTION │\n│ [★ 5.0] \"Changed my life...\" │\n│ - Name, Title │\n│ [★ 5.0] \"Best investment...\" │\n│ - Name, Title │\n│ [★ 5.0] \"Finally works...\" │\n│ - Name, Title │\n└─────────────────────────────────────────────────────────┘\n ↓\n┌─────────────────────────────────────────────────────────┐\n│ OFFER SECTION │\n│ \"Here's what you get:\" │\n│ ✓ [Benefit 1] │\n│ ✓ [Benefit 2] │\n│ ✓ [Benefit 3] │\n│ + [Bonuses] │\n│ [PRIMARY CTA BUTTON] │\n└─────────────────────────────────────────────────────────┘\n ↓\n┌─────────────────────────────────────────────────────────┐\n│ RISK REVERSAL │\n│ \"Your protection:\" │\n│ ✓ [Risk Reversal 1 - usually money-back] │\n│ ✓ [Risk Reversal 2] │\n│ ✓ [Risk Reversal 3] │\n└─────────────────────────────────────────────────────────┘\n ↓\n┌─────────────────────────────────────────────────────────┐\n│ FINAL CTA SECTION │\n│ \"Start [DESIRED ACTION] Today\" │\n│ [Countdown timer if scarcity] │\n│ [PRIMARY CTA BUTTON] │\n└─────────────────────────────────────────────────────────┘\n ↓\n┌─────────────────────────────────────────────────────────┐\n│ FOOTER │\n│ [Links] [Privacy] [Terms] [Contact] │\n└─────────────────────────────────────────────────────────┘\n\n2. PRODUCT PAGE Template\n\nUsed for: Direct product sales, e-commerce, digital products\n\nBuild product pages EXCLUSIVELY using this 10-section flow from top to bottom:\n\n┌─────────────────────────────────────────────────────────┐\n│ 1. NAV (Top Menu) │\n│ [Logo] [Shop] [About] [Blog] [Contact] [Cart 🛒] │\n└─────────────────────────────────────────────────────────┘\n ↓\n┌─────────────────────────────────────────────────────────┐\n│ 2. BUYBOX (Hero Product Module) │\n│ ┌─────────────────────┬───────────────────────────┐ │\n│ │ │ ★★★★★ (128 reviews) │ │\n│ │ [Product Image] │ PRODUCT NAME │ │\n│ │ │ $XX.XX │ │\n│ │ │ [Color: ▼] [Size: ▼] │ │\n│ │ │ [ADD TO CART] │ │\n│ │ │ [Buy Now] │ │\n│ └─────────────────────┴───────────────────────────┘ │\n└─────────────────────────────────────────────────────────┘\n ↓\n┌─────────────────────────────────────────────────────────┐\n│ 3. SOCIAL PROOF #1 (Testimonials Row 1) │\n│ \"⭐⭐⭐⭐⭐ Loved by 10,000+ customers\" │\n│ ┌─────────────┐ ┌─────────────┐ ┌─────────────┐ │\n│ │ \"Quote...\" │ │ \"Quote...\" │ │ \"Quote...\" │ │\n│ │ - Name │ │ - Name │ │ - Name │ │\n│ │ [avatar] │ │ [avatar] │ │ [avatar] │ │\n│ └─────────────┘ └─────────────┘ └─────────────┘ │\n│ ↗ ↗ ↗ │\n│ [FB] [TW] [IG] [PI] (share icons above) │\n└─────────────────────────────────────────────────────────┘\n ↓\n┌─────────────────────────────────────────────────────────┐\n│ 4. SOCIAL PROOF #2 (More Proof / UGC) │\n│ \"Here's what real customers are sharing...\" │\n│ [Customer photo 1] [Customer photo 2] │\n│ [Customer photo 3] [Customer photo 4] │\n│ \"Posted on Instagram/Twitter...\" │\n└─────────────────────────────────────────────────────────┘\n ↓\n┌─────────────────────────────────────────────────────────┐\n│ 5. BENEFITS (Icon-Bulleted List) │\n│ ┌─────────────────────────────────────────────────┐ │\n│ │ [icon] BENEFIT 1 │ │\n│ │ Short description of this benefit │ │\n│ ├─────────────────────────────────────────────────┤ │\n│ │ [icon] BENEFIT 2 │ │\n│ │ Short description of this benefit │ │\n│ ├─────────────────────────────────────────────────┤ │\n│ │ [icon] BENEFIT 3 │ │\n│ │ Short description of this benefit │ │\n│ ├─────────────────────────────────────────────────┤ │\n│ │ [icon] BENEFIT 4 │ │\n│ │ Short description of this benefit │ │\n│ └─────────────────────────────────────────────────┘ │\n└─────────────────────────────────────────────────────────┘\n ↓\n┌─────────────────────────────────────────────────────────┐\n│ 6. INGREDIENTS/MATERIALS (Specs Grid) │\n│ \"What's Inside / Product Specifications\" │\n│ ┌─────────────┬─────────────┬─────────────┐ │\n│ │ [img] │ [img] │ [img] │ │\n│ │ Label 1 │ Label 2 │ Label 3 │ │\n│ │ ✓ Check │ ✓ Check │ ✓ Check │ │\n│ └─────────────┴─────────────┴─────────────┘ │\n│ [Full ingredient list + detailed specs] │\n└─────────────────────────────────────────────────────────┘\n ↓\n┌─────────────────────────────────────────────────────────┐\n│ 7. SOCIAL PROOF #3 (Video / Case Studies) │\n│ [▶ Play Video] \"See how it works\" │\n│ ┌─────────────────────────────────────────────────┐ │\n│ │ \"My Results After 30 Days\" │ │\n│ │ [Before] → [After] │ │\n│ │ - Name, Location │ │\n│ └─────────────────────────────────────────────────┘ │\n│ [Influencer quote + handle] │\n└─────────────────────────────────────────────────────────┘\n ↓\n┌─────────────────────────────────────────────────────────┐\n│ 8. COMPARISON (Table) │\n│ ┌───────────┬───────────┬───────────┐ │\n│ │ OUR PRODUCT │ Competitor A │ Competitor B │\n│ ├──────────────┼───────────┼───────────┼───────────┤ │\n│ │ Feature 1 │ ✓ │ ✓ │ ✗ │\n│ ├──────────────┼───────────┼───────────┼───────────┤ │\n│ │ Feature 2 │ ✓ │ ✗ │ ✓ │\n│ ├──────────────┼───────────┼───────────┼───────────┤ │\n│ │ Price │ $XX │ $XX │ $XX │\n│ ├──────────────┼───────────┼───────────┼───────────┤ │\n│ │ Quality │ ★★★★★ │ ★★★ │ ★★ │\n│ └──────────────┴───────────┴───────────┴───────────┘ │\n└─────────────────────────────────────────────────────────┘\n ↓\n┌─────────────────────────────────────────────────────────┐\n│ 9. FAQ (Accordion) │\n│ ▼ Question 1? │\n│ Answer text here... │\n│ ▶ Question 2? │\n│ ▶ Question 3? │\n│ ▶ Question 4? │\n└─────────────────────────────────────────────────────────┘\n ↓\n┌─────────────────────────────────────────────────────────┐\n│ 10. CTA (Final Call-to-Action) │\n│ ┌─────────────────────────────────────────────────┐ │\n│ │ \"Ready to experience [BENEFIT]?\" │ │\n│ │ │ │\n│ │ [★ LARGE ADD TO CART BUTTON ★] │ │\n│ │ │ │\n│ │ 🛡️ Money-back guarantee │ 🚚 Free shipping │ │\n│ │ 🔒 Secure checkout │ ⚡ Ships today │ │\n│ └─────────────────────────────────────────────────┘ │\n│ ────────────────────────────────────────────────── │\n│ [Nav] [Shop] [About] [Contact] [Privacy] [Terms] │\n└─────────────────────────────────────────────────────────┘\n\nSection Breakdown\n\n1. NAV (Top Menu)\n\nHorizontal navigation bar\nLogo on left\nMenu links center (Shop, About, Blog, Contact)\nCart icon on right with item count badge\n\n2. BUYBOX (Hero Product Module)\n\nProduct image on left (large, clear)\nProduct name prominently displayed\nSocial proof callout ABOVE the product name (star rating + review count)\nPrice clearly visible\nVariant selectors (color, size, quantity)\nPrimary CTA: \"Add to Cart\"\nSecondary CTA: \"Buy Now\"\n\n3. SOCIAL PROOF #1 (Testimonials Row 1)\n\nTrust headline (\"Loved by X+ customers\")\n3 testimonial cards in a row\nEach: quote, star rating, customer name, avatar\nSocial share icons above the testimonials\n\n4. SOCIAL PROOF #2 (More Proof / UGC)\n\nUser-generated content section\nCustomer photos in grid layout\n\"Posted on Instagram/Twitter\" attribution\nMore testimonials or social mentions\n\n5. BENEFITS (Icon-Bulleted List)\n\n4-6 benefits with icons\nShort description under each bullet\nIcons should match brand aesthetic\n\n6. INGREDIENTS/MATERIALS (Specs Grid)\n\nVisual grid of key ingredients/materials\nImages for each ingredient\nLabels/checkmarks indicating what's included\nFull ingredient list or specs table below\n\n7. SOCIAL PROOF #3 (Video / Case Studies)\n\nVideo modal trigger button (\"Watch how it works\")\nBefore/after case study with customer name + location\nInfluencer quote with social handle\n\n8. COMPARISON (Table)\n\nProduct vs alternatives comparison\nFeature-by-feature with checkmarks/X marks\nPrice comparison column\nQuality/rating comparison\n\n9. FAQ (Accordion)\n\nExpandable/collapsible questions\nAddress common objections\n4-8 Q&A pairs with clear answers\n\n10. CTA (Final Call-to-Action)\n\nLarge, prominent \"Add to Cart\" button\nUrgency headline\nTrust badges (guarantee, shipping, security)\nFooter navigation below (same as nav but simplified)\nHow to Use This Skill\nStep 1: Gather Content\n\nBefore building, collect:\n\nProduct/offer name\nTarget audience\nPrimary pain point you're solving\nKey benefits (3-5)\nProduct features/specs\nPrice and offers\nTestimonials (or placeholders)\nBrand colors/fonts\nStep 2: Choose Template\nLanding Page: Lead capture, webinar, free trial, email signup\nProduct Page: Direct product sale, e-commerce\nStep 3: Map Content to Template\n\nFor Landing Pages:\n\nHero → Headline, subhead, CTA, hero image\nSocial Proof → Customer count, logos\nProblem → Pain point in customer's words\nAgitation → Why problem gets worse\nSolution → Product intro + benefits\nMechanics → How it works (3 steps)\nTestimonials → Social proof\nOffer → What's included + bonuses\nRisk Reversal → Guarantees\nFinal CTA → Urgency + button\n\nFor Product Pages (10-section flow):\n\nNav → Top horizontal navigation bar with menu links, logo, cart icon\nBuybox → Central product buy module: image left, title/pricing right, add-to-cart button, variant selectors. Ensure product name is clearly seen, with a social proof callout on top of it\nSocial Proof → First testimonials row: quotes, stars, avatars; social share icons above\nSocial Proof #2 → Second proof block: more testimonials or user-generated content feeds\nBenefits → Icon-bulleted benefits list with short descriptions under each\nIngredients/Materials → Product ingredients or specs grid: images, labels, checkboxes\nSocial Proof #3 → Third proof area: video modal trigger, influencer quotes, or case studies\nComparison → Table comparing product vs alternatives: columns for features, pricing, checks\nFAQ → Expandable questions list addressing common objections\nCTA → Final urgent call-to-action: large button, guarantee badges, footer nav below\nStep 4: Output Format\n\nOutput as:\n\nFigma-ready spec - with exact copy, images needed, colors\nHTML structure - semantic HTML with placeholder content\nCopy document - just the text/headlines for your designer\nConversion Principles\nHeadline Formula\n[Emotion] + [Specific Result] + [Timeframe]\nExample: \"Wake Up to Glowing Skin in 7 Days\"\nCTA Button Rules\nUse contrasting color from brand\nAction verb + benefit: \"Get My Free Guide\"\nAbove the fold AND at bottom\nBig, clickable (min 44px height)\nSocial Proof Placement\nImmediately after hero (logo bar)\nBefore offer section (testimonials)\nAbove the fold (star ratings)\nRisk Reversal Must-Haves\nMoney-back guarantee (时长)\n\"No questions asked\"\nFree shipping (if applicable)\n\"Secure checkout\"\nExample: SoftEditSkin Product Page\n\nProduct: Ceramide Night Cream Price: $48 Pain Point: Dry, irritated skin\n\nHERO:\n- Headline: \"Wake Up to Soft, Calm Skin\"\n- Subhead: \"The ceramide-rich cream that repairs your barrier overnight\"\n- CTA: \"Add to Cart - $48\"\n- Image: Product shot with soft lighting\n\nQUICK OVERVIEW:\n- ✓ Repairs skin barrier\n- ✓ Deep hydration\n- ✓ Fragrance-free\n- ✓ Ships free\n\nBENEFITS:\n- ✓ Ceramide Complex - Locks in moisture for 24hr hydration\n- ✓ Shea Butter - Softens without greasiness \n- ✓ Niacinamide - Calms redness and irritation\n- ✓ Vitamin E - Fights free radicals\n\nHOW TO USE:\n1. Apply to clean face nightly\n2. Massage in upward strokes\n3. Wake up with glowing skin\n\nTESTIMONIALS:\n- \"My skin has never felt better\" - Sarah M.\n- \"Worth every penny\" - Jessica L.\n\nFAQ:\n- \"How long until I see results?\" → \"Most see improvement in 7 days\"\n- \"Is it for sensitive skin?\" → \"Yes, fragrance-free and hypoallergenic\"\n\nFile Structure\nlanding-page-converter/\n├── SKILL.md # This file\n├── templates/\n│ ├── landing-page.html # Landing page HTML template\n│ └── product-page.html # Product page HTML template\n└── examples/\n ├── softedit-skin.md # Example: product page\n └── tiny-edit.md # Example: landing page" }, "trust": { "sourceLabel": "tencent", "provenanceUrl": "https://clawhub.ai/cameron-jovan/landing-page-converter", "publisherUrl": "https://clawhub.ai/cameron-jovan/landing-page-converter", "owner": "cameron-jovan", "version": "1.0.0", "license": null, "verificationStatus": "Indexed source record" }, "links": { "detailUrl": "https://openagent3.xyz/skills/landing-page-converter", "downloadUrl": "https://openagent3.xyz/downloads/landing-page-converter", "agentUrl": "https://openagent3.xyz/skills/landing-page-converter/agent", "manifestUrl": "https://openagent3.xyz/skills/landing-page-converter/agent.json", "briefUrl": "https://openagent3.xyz/skills/landing-page-converter/agent.md" } }