{"id":"7e82fbdd-e7c1-428f-8ec6-b595adac8878","entityType":"agent","slug":"clawhub-voronindenis5-landing-page-builder-2","name":"Social Media Kit","canonicalUrl":"https://www.xpersona.co/agent/clawhub-voronindenis5-landing-page-builder-2","canonicalPath":"/agent/clawhub-voronindenis5-landing-page-builder-2","generatedAt":"2026-10-10T10:45:03.333Z","source":"CLAWHUB","claimStatus":"UNCLAIMED","verificationTier":"NONE","summary":{"evidence":{"source":"editorial-content","verified":true,"confidence":"high","updatedAt":"2026-10-10T08:10:28.182Z","emptyReason":null},"description":"Generate a complete week of social media content for all platforms from a single topic or brand. Produces platform-optimized posts, a beautiful shareable HTML content calendar, hashtag suggestions, posting-time recommendations, and JSON export for scheduling tools. Skill: Social Media Kit Owner: voronindenis5 Summary: Generate a complete week of social media content for all platforms from a single topic or brand. Produces platform-optimized posts, a beautiful shareable HTML content calendar, hashtag suggestions, posting-time recommendations, and JSON export for scheduling tools. Tags: latest:0.1.0 Version history: v0.1.0 | 2026-08-14T06:17:58.243Z | auto Social Media Kit initia","descriptionLabel":"Technical summary","evidenceSummary":"Capability contract not published. No trust telemetry is available yet. 1.6K downloads reported by the source. Last updated 10/10/2026.","installCommand":"clawhub skill install s17b6amkd3wzqgg640v03a9r1n83gxs1:landing-page-builder-2","sourceUrl":"https://clawhub.ai/voronindenis5/landing-page-builder-2","homepage":"https://clawhub.ai/voronindenis5/skills/landing-page-builder-2","primaryLinks":[{"label":"View on ClawHub","url":"https://clawhub.ai/voronindenis5/landing-page-builder-2","kind":"source"},{"label":"Homepage","url":"https://clawhub.ai/voronindenis5/skills/landing-page-builder-2","kind":"homepage"}],"safetyScore":84,"overallRank":62,"popularityScore":64,"trustScore":null,"claimedByName":null,"isOwner":false,"seoDescription":"Generate a complete week of social media content for all platforms from a single topic or brand. Produces platform-optimized posts, a beautiful shareable HTML c"},"coverage":{"evidence":{"source":"public-profile","verified":false,"confidence":"medium","updatedAt":"2026-10-10T08:10:28.182Z","emptyReason":null},"protocols":[{"protocol":"OPENCLEW","label":"OpenClaw","status":"self-declared","notes":"Declared in the public agent profile."}],"capabilities":[],"verifiedCount":0,"selfDeclaredCount":1,"capabilityMatrix":{"rows":[{"key":"OPENCLEW","type":"protocol","support":"unknown","confidenceSource":"profile","notes":"Listed on profile"}],"flattenedTokens":"protocol:OPENCLEW|unknown|profile"}},"adoption":{"evidence":{"source":"CLAWHUB","verified":false,"confidence":"medium","updatedAt":"2026-10-10T08:10:28.182Z","emptyReason":null},"stars":null,"forks":null,"downloads":1567,"packageName":null,"latestVersion":"0.1.0","tractionLabel":"1.6K downloads"},"release":{"evidence":{"source":"CLAWHUB","verified":false,"confidence":"medium","updatedAt":"2026-10-10T08:10:28.182Z","emptyReason":null},"lastUpdatedAt":"2026-10-10T08:10:28.182Z","lastCrawledAt":"2026-10-10T08:10:28.182Z","lastIndexedAt":null,"nextCrawlAt":"2026-10-11T08:10:28.182Z","lastVerifiedAt":null,"highlights":[{"version":"0.1.0","createdAt":"2026-08-14T06:17:58.243Z","changelog":"Social Media Kit initial release. - Generate a full week (or custom duration) of platform-optimized posts from a single topic or brand. - Outputs include structured JSON for schedulers, a printable HTML content calendar, and platform tailoring for Twitter, Instagram, and LinkedIn. - Includes hashtag suggestions, posting time recommendations, and automatic content mix (educational, promotional, engaging). - Comprehensive CLI for content generation, calendar creation, and auto-detecting topics from text. - Features documentation of platform best practices and content strategy references.","fileCount":10,"zipByteSize":31544}]},"execution":{"evidence":{"source":"CLAWHUB","verified":false,"confidence":"low","updatedAt":null,"emptyReason":"No published capability contract is available yet."},"installCommand":"clawhub skill install s17b6amkd3wzqgg640v03a9r1n83gxs1:landing-page-builder-2","setupComplexity":"low","setupSteps":["Setup complexity is LOW. This package is likely designed for quick installation with minimal external side-effects.","Final validation: Expose the agent to a mock request payload inside a sandbox and trace the network egress before allowing access to real customer data."],"contract":{"contractStatus":"missing","authModes":[],"requires":[],"forbidden":[],"supportsMcp":false,"supportsA2a":false,"supportsStreaming":false,"inputSchemaRef":null,"outputSchemaRef":null,"dataRegion":null,"contractUpdatedAt":null,"sourceUpdatedAt":null,"freshnessSeconds":null},"invocationGuide":{"preferredApi":{"snapshotUrl":"https://www.xpersona.co/api/v1/agents/clawhub-voronindenis5-landing-page-builder-2/snapshot","contractUrl":"https://www.xpersona.co/api/v1/agents/clawhub-voronindenis5-landing-page-builder-2/contract","trustUrl":"https://www.xpersona.co/api/v1/agents/clawhub-voronindenis5-landing-page-builder-2/trust"},"curlExamples":["curl -s \"https://www.xpersona.co/api/v1/agents/clawhub-voronindenis5-landing-page-builder-2/snapshot\"","curl -s \"https://www.xpersona.co/api/v1/agents/clawhub-voronindenis5-landing-page-builder-2/contract\"","curl -s \"https://www.xpersona.co/api/v1/agents/clawhub-voronindenis5-landing-page-builder-2/trust\""],"jsonRequestTemplate":{"query":"summarize this repo","constraints":{"maxLatencyMs":2000,"protocolPreference":["OPENCLEW"]}},"jsonResponseTemplate":{"ok":true,"result":{"summary":"...","confidence":0.9},"meta":{"source":"CLAWHUB","generatedAt":"2026-10-10T10:45:03.333Z"}},"retryPolicy":{"maxAttempts":3,"backoffMs":[500,1500,3500],"retryableConditions":["HTTP_429","HTTP_503","NETWORK_TIMEOUT"]}},"endpoints":{"dossierUrl":"https://www.xpersona.co/api/v1/agents/clawhub-voronindenis5-landing-page-builder-2/dossier","snapshotUrl":"https://www.xpersona.co/api/v1/agents/clawhub-voronindenis5-landing-page-builder-2/snapshot","contractUrl":"https://www.xpersona.co/api/v1/agents/clawhub-voronindenis5-landing-page-builder-2/contract","trustUrl":"https://www.xpersona.co/api/v1/agents/clawhub-voronindenis5-landing-page-builder-2/trust"}},"reliability":{"evidence":{"source":"runtime-metrics","verified":false,"confidence":"low","updatedAt":null,"emptyReason":"No trust, reliability, or runtime telemetry is available."},"trust":{"status":"unavailable","handshakeStatus":"UNKNOWN","verificationFreshnessHours":null,"reputationScore":null,"p95LatencyMs":null,"successRate30d":null,"fallbackRate":null,"attempts30d":null,"trustUpdatedAt":null,"trustConfidence":"unknown","sourceUpdatedAt":null,"freshnessSeconds":null},"decisionGuardrails":{"doNotUseIf":["Contract metadata is missing or unavailable for deterministic execution."],"safeUseWhen":[],"riskFlags":["missing_or_unavailable_contract","trust_data_unavailable","schema_references_missing"],"operationalConfidence":"low"},"executionMetrics":{"observedLatencyMsP50":null,"observedLatencyMsP95":null,"estimatedCostUsd":null,"uptime30d":null,"rateLimitRpm":null,"rateLimitBurst":null,"lastVerifiedAt":null,"verificationSource":null},"runtimeMetrics":{"successRate":null,"avgLatencyMs":null,"avgCostUsd":null,"hallucinationRate":null,"retryRate":null,"disputeRate":null,"p50Latency":null,"p95Latency":null,"lastUpdated":null}},"benchmarks":{"evidence":{"source":"no-benchmark-data","verified":false,"confidence":"low","updatedAt":null,"emptyReason":"No benchmark suites or observed failure patterns are available."},"suites":[],"failurePatterns":[]},"artifacts":{"evidence":{"source":"CLAWHUB","verified":false,"confidence":"high","updatedAt":"2026-10-10T08:10:28.182Z","emptyReason":null},"readme":"Skill: Social Media Kit\n\nOwner: voronindenis5\n\nSummary: Generate a complete week of social media content for all platforms from a single topic or brand. Produces platform-optimized posts, a beautiful shareable HTML content calendar, hashtag suggestions, posting-time recommendations, and JSON export for scheduling tools.\n\nTags: latest:0.1.0\n\nVersion history:\n\nv0.1.0 | 2026-08-14T06:17:58.243Z | auto\n\nSocial Media Kit initial release.\n\n- Generate a full week (or custom duration) of platform-optimized posts from a single topic or brand.\n- Outputs include structured JSON for schedulers, a printable HTML content calendar, and platform tailoring for Twitter, Instagram, and LinkedIn.\n- Includes hashtag suggestions, posting time recommendations, and automatic content mix (educational, promotional, engaging).\n- Comprehensive CLI for content generation, calendar creation, and auto-detecting topics from text.\n- Features documentation of platform best practices and content strategy references.\n\nArchive index:\n\nArchive v0.1.0: 10 files, 31544 bytes\n\nFiles: LICENSE (1070b), README.md (5546b), references (0b), references/sections.md (5958b), references/themes.md (7716b), scripts (0b), scripts/landing_builder.py (62739b), skill-card.md (2635b), SKILL.md (3600b), _meta.json (141b)\n\nFile v0.1.0:SKILL.md\n\n---\nname: social-media-kit\nversion: 1.0.0\nauthor: Denis Voronin\nlicense: MIT\ndescription: >-\n  Generate a complete week of social media content for all platforms from a single\n  topic or brand. Produces platform-optimized posts, a beautiful shareable HTML\n  content calendar, hashtag suggestions, posting-time recommendations, and JSON\n  export for scheduling tools.\ncategories:\n  - social-media\n  - content-creation\n  - marketing\ntags:\n  - social-media\n  - content-calendar\n  - twitter\n  - instagram\n  - linkedin\n  - marketing\n---\n\n# Social Media Kit\n\nGenerate a **complete week of social media content** for all major platforms from\na single topic, brand name, or URL.\n\n## Quick Start\n\n```bash\n# Generate a week of content for a brand\npython scripts/social_kit.py generate --topic 'sustainable fashion' --brand 'EcoThreads'\n\n# Generate 14 days for specific platforms only\npython scripts/social_kit.py generate --topic 'AI productivity' --days 14 --platforms twitter,linkedin\n\n# Build an HTML calendar from a previous JSON export\npython scripts/social_kit.py calendar content.json --output calendar.html\n\n# Auto-detect topic from any text snippet via stdin\necho 'organic coffee roastery in Brooklyn' | python scripts/social_kit.py --auto\n```\n\n## What It Produces\n\n| Output | Description |\n|--------|-------------|\n| `content.json` | All posts in structured JSON — ready for scheduling tools |\n| `calendar.html` | Beautiful, shareable, print-friendly weekly content calendar |\n| Console summary | Quick overview of the week's content strategy |\n\n## Output Structure\n\n```\noutput/\n├── content.json     # Machine-readable: 21+ posts with full metadata\n└── calendar.html    # Visual weekly grid: 7 days × N platforms\n```\n\n## Features\n\n- **21 posts by default** (7 days × 3 platforms), fully customizable\n- **Platform optimization**: Twitter (280 chars + hashtags), Instagram (caption + image suggestions), LinkedIn (professional, longer form)\n- **Content mix**: follows the 70-20-10 rule — Educational (70%), Promotional (20%), Engaging (10%) — plus behind-the-scenes and UGC\n- **Hashtag suggestions** tailored per platform\n- **Best posting time** recommendations per platform per day\n- **Engagement hooks** and CTAs baked into every post\n- **Weekly theme/storyline** that ties all posts together\n- **Color-coded HTML calendar**: educational = blue, promo = green, engaging = orange\n- **Print-friendly** layout for physical planning\n- **JSON export** for Buffer, Hootsuite, Later, and other scheduling tools\n\n## Content Strategy\n\nSee [`references/content-strategy.md`](references/content-strategy.md) for the 70-20-10\nrule and content pillar framework.\n\nSee [`references/platform-guide.md`](references/platform-guide.md) for character limits,\nhashtag strategies, and best practices per platform.\n\n## CLI Reference\n\n### `generate`\n\n```bash\npython scripts/social_kit.py generate \\\n  --topic 'sustainable fashion' \\\n  --brand 'EcoThreads' \\\n  --days 7 \\\n  --platforms twitter,instagram,linkedin \\\n  --output-dir ./output\n```\n\n| Flag | Default | Description |\n|------|---------|-------------|\n| `--topic` | required | The topic, niche, or description |\n| `--brand` | topic | Brand or product name |\n| `--days` | 7 | Number of days to generate |\n| `--platforms` | twitter,instagram,linkedin | Comma-separated platform list |\n| `--output-dir` | ./output | Where to write files |\n\n### `calendar`\n\n```bash\npython scripts/social_kit.py calendar content.json --output calendar.html\n```\n\n### `--auto` (stdin)\n\n```bash\necho 'AI fitness app called FitAI' | python scripts/social_kit.py --auto\n```\n\nFile v0.1.0:README.md\n\n# 🎨 Landing Page Builder\n\n> Generate beautiful, production-quality landing pages from a simple text description. Pure Python stdlib — no dependencies required.\n\n![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)\n![Python](https://img.shields.io/badge/python-3.8+-blue.svg)\n![Version](https://img.shields.io/badge/version-1.0.0-green.svg)\n\n## ✨ Features\n\n- **🚀 Instant Landing Pages** — From text description to production HTML in seconds\n- **🎨 7 Industry Themes** — SaaS, Startup, Portfolio, Restaurant, Fitness, Agency, E-commerce\n- **🌈 Smart Color Generation** — Full palette from a single seed hex color\n- **📱 Mobile-First Responsive** — Looks perfect on every device\n- **🎭 Modern Animations** — Intersection Observer scroll reveals, hover lifts, gradient text\n- **🔧 Zero Dependencies** — Pure Python stdlib. No pip install needed\n- **📄 Standalone Output** — Single HTML file with embedded CSS. Just open and go\n- **🔍 SEO Ready** — Meta tags, Open Graph, Twitter Cards included\n- **🍔 Mobile Menu** — Hamburger navigation with overlay\n- **♿ Accessible** — Semantic HTML5, ARIA labels, keyboard navigation\n\n## 🎯 Quick Start\n\n### Command Line\n\n```bash\n# Build with flags\npython scripts/landing_builder.py build \\\n  --name 'TaskFlow' \\\n  --desc 'AI-powered task management for modern teams' \\\n  --theme saas \\\n  --color '#6366f1'\n\n# From JSON config\npython scripts/landing_builder.py build --config product.json\n\n# Fully automatic from piped text\necho 'Coffee shop in Portland called Brew & Co' | python scripts/landing_builder.py --auto\n\n# Interactive mode (prompts for details)\npython scripts/landing_builder.py build\n```\n\n### Output\n\n```\n✅ Landing page generated successfully!\n   📄 File: /path/to/taskflow.html\n   📦 Size: 28.3 KB\n   🎨 Theme: saas\n   🖌️  Color: #6366f1\n\n   Open in browser: file:///path/to/taskflow.html\n```\n\n## 📋 Commands\n\n| Command | Description |\n|---------|-------------|\n| `build` | Build a landing page with flags or interactive prompts |\n| `build --config FILE` | Build from a JSON config file |\n| `--auto` | Auto-generate from piped stdin text (detects theme, name, color) |\n\n### Build Flags\n\n| Flag | Short | Description |\n|------|-------|-------------|\n| `--name` | `-n` | Business/product name |\n| `--desc` | `-d` | Short description |\n| `--theme` | `-t` | Theme (saas, startup, portfolio, restaurant, fitness, agency, ecommerce) |\n| `--color` | `-c` | Seed color in hex (e.g., `#6366f1`) |\n| `--config` | | Path to JSON config file |\n| `--output` | `-o` | Output HTML filename |\n\n## 🎨 Themes\n\n| Theme | Default Color | Best For |\n|-------|--------------|----------|\n| `saas` | `#6366f1` | Software products, B2B tools, apps |\n| `startup` | `#8b5cf6` | Early-stage companies, pitch pages |\n| `portfolio` | `#ec4899` | Freelancers, creatives, personal brands |\n| `restaurant` | `#dc2626` | Restaurants, cafés, food brands |\n| `fitness` | `#f97316` | Gyms, trainers, wellness |\n| `agency` | `#0ea5e9` | Agencies, consultancies, studios |\n| `ecommerce` | `#10b981` | Online stores, product launches |\n\n## 📄 JSON Config Format\n\n```json\n{\n  \"name\": \"TaskFlow\",\n  \"description\": \"AI-powered task management for modern teams\",\n  \"theme\": \"saas\",\n  \"color\": \"#6366f1\",\n  \"tagline\": \"Ship faster, together\",\n  \"output\": \"taskflow.html\"\n}\n```\n\nAll fields are optional. See [`references/themes.md`](references/themes.md) for the full config specification.\n\n## 🏗️ Generated Page Sections\n\n1. **Navbar** — Fixed nav with logo, links, CTA, mobile hamburger\n2. **Hero** — Headline, subtitle, dual CTAs, hero image\n3. **Logo Bar** — Social proof (\"Trusted by\")\n4. **Features** — 3-6 cards with icons, hover lift effects\n5. **How It Works** — 3-step process with numbered circles\n6. **Pricing** — 3 tiers with \"Most Popular\" badge\n7. **Testimonials** — Customer quotes with 5-star ratings\n8. **CTA** — Full-width gradient conversion section\n9. **FAQ** — Accordion-style objection handlers\n10. **Footer** — 4-column links, social, copyright\n\nSee [`references/sections.md`](references/sections.md) for the conversion anatomy breakdown.\n\n## 🎨 Customization\n\n### Custom Color\n\nAny hex color works — the script generates the full palette automatically:\n\n```bash\npython scripts/landing_builder.py build --name 'SkyApp' --color '#0ea5e9' --theme saas\n```\n\n### Custom Everything\n\nCreate a `config.json` with full control over features, pricing, testimonials, FAQ, sections, and more:\n\n```bash\npython scripts/landing_builder.py build --config my-config.json\n```\n\nSee [`references/themes.md`](references/themes.md) for all options.\n\n## 📁 Project Structure\n\n```\nlanding-page-builder/\n├── SKILL.md                  # Skill metadata\n├── scripts/\n│   └── landing_builder.py    # Main script (Python stdlib only)\n├── references/\n│   ├── sections.md           # Landing page anatomy guide\n│   └── themes.md             # Theme configs & customization\n├── README.md\n└── LICENSE\n```\n\n## 🔧 Technical Details\n\n- **Python 3.8+** — Uses only standard library (argparse, json, colorsys, re, html)\n- **No external dependencies** — No pip install required\n- **Output** — Single standalone `.html` file (~25-35 KB)\n- **Fonts** — Google Fonts (Inter + Poppins) loaded via `<link>`\n- **Images** — Unsplash URLs as placeholders (easily replaced)\n- **CSS** — Embedded in `<style>`, uses CSS custom properties throughout\n\n## 📄 License\n\nMIT © Denis Voronin\n\nFile v0.1.0:_meta.json\n\n{\n  \"ownerId\": \"kn75wwn4x6djaf28jbykeamazd81gtdp\",\n  \"slug\": \"landing-page-builder-2\",\n  \"version\": \"0.1.0\",\n  \"publishedAt\": 1786688278243\n}\n\nFile v0.1.0:references/sections.md\n\n# Anatomy of a High-Converting Landing Page\n\nThis reference breaks down each section of the landing page, explaining its purpose,\nbest practices, and conversion principles.\n\n---\n\n## 1. Navigation Bar (Navbar)\n\n**Purpose:** Brand identity + primary navigation + persistent CTA.\n\n**Best Practices:**\n- Fixed position so it stays visible on scroll\n- Transparent over hero, then blurred background on scroll\n- Logo (left) + nav links (center/right) + CTA button (right)\n- Mobile: collapse into hamburger menu\n- CTA button uses gradient background for visual priority\n\n**Conversion Notes:**\n- The nav CTA should always match the primary conversion goal\n- Limit to 4-5 nav links — too many create decision paralysis\n\n---\n\n## 2. Hero Section\n\n**Purpose:** The \"above the fold\" first impression. Must communicate:\n1. **What** you do\n2. **Who** it's for\n3. **Why** they should care\n\n**Best Practices:**\n- Headline: Clear and benefit-driven, not clever\n- Use gradient text on key words to draw the eye\n- Subtitle: 1-2 sentences expanding on the headline\n- Two CTAs: Primary (gradient) + Secondary (outline)\n- Right side: Hero image or product screenshot\n- Decorative background blobs/radials for depth\n\n**Conversion Notes:**\n- Headline is the #1 factor in whether visitors stay\n- Visitors decide in **3-5 seconds** whether to keep reading\n- Dual CTA pattern (e.g., \"Start free trial\" + \"Watch demo\") increases engagement\n\n---\n\n## 3. Logo Bar / Social Proof\n\n**Purpose:** Build instant credibility by showing who trusts you.\n\n**Best Practices:**\n- \"Trusted by teams at...\" label\n- 4-8 logo placeholders in a horizontal row\n- Muted colors — they shouldn't compete with content\n- Hover to full opacity\n\n**Conversion Notes:**\n- Social proof can increase conversions by **15-30%**\n- If you have recognizable names, use real logos\n\n---\n\n## 4. Features Section\n\n**Purpose:** Explain what you offer and why it matters.\n\n**Best Practices:**\n- 3-6 feature cards in a grid\n- Each card: icon + title + description\n- Icons: use emoji or simple SVGs\n- Benefit-driven copy, not feature-driven\n- Card hover effects: lift + top border reveal\n\n**Conversion Notes:**\n- Translate features into benefits: \"256-bit encryption\" → \"Bank-grade security\"\n- Keep descriptions to 1-2 sentences\n- Most important features first (reading order matters)\n\n---\n\n## 5. How It Works\n\n**Purpose:** Reduce perceived complexity. Show visitors how easy it is.\n\n**Best Practices:**\n- 3 steps is ideal (simple, actionable)\n- Numbered circles for visual progression\n- Step title + short description\n\n**Conversion Notes:**\n- This section reduces friction and fear (\"Is this too complicated?\")\n- Keep it to 3 steps — more than 4 feels overwhelming\n\n---\n\n## 6. Pricing Section\n\n**Purpose:** Help visitors self-select into the right plan.\n\n**Best Practices:**\n- 3 tiers is optimal (Good/Better/Best)\n- Middle plan \"featured\" with badge and slight scale-up\n- Feature lists with checkmarks\n- Clear price + period ($29/mo, not just $29)\n- CTA button per plan\n\n**Conversion Notes:**\n- The \"featured\" plan typically gets **60%+ of conversions**\n- \"Custom\" pricing for enterprise reduces friction for large orgs\n- Checkmarks (✓) outperform bullets (•) for feature lists\n\n---\n\n## 7. Testimonials\n\n**Purpose:** Build trust through real customer voices.\n\n**Best Practices:**\n- 3 testimonials in a grid\n- Include: name, title/company, photo or initials avatar\n- 5-star rating display\n- Quote mark decorative element\n- Short, specific quotes beat generic praise\n\n**Conversion Notes:**\n- Testimonials can increase conversions by **34%**\n- Specific results (\"Cut delivery time by 40%\") beat vague claims (\"Great product!\")\n- Photo + name + title = most credible format\n\n---\n\n## 8. CTA Section (Bottom of Page)\n\n**Purpose:** One final conversion push before the footer.\n\n**Best Practices:**\n- Full-width gradient box for maximum impact\n- Strong action verb: \"Start,\" \"Join,\" \"Get,\" \"Try\"\n- Remove friction: \"No credit card required\"\n- Single focused button\n\n**Conversion Notes:**\n- This section captures visitors who scrolled through everything\n- Make the value proposition crystal clear\n- Urgency/scarcity (\"Start today\", \"Limited time\") can boost clicks\n\n---\n\n## 9. FAQ Section\n\n**Purpose:** Address objections before they become barriers.\n\n**Best Practices:**\n- 5-7 questions in accordion format\n- Click to expand/collapse\n- Cover: pricing, security, cancellation, support, integrations\n- Keep answers to 2-3 sentences\n\n**Conversion Notes:**\n- FAQs resolve the specific objections that prevent signups\n- Place after pricing/testimonials — visitors have objections at decision time\n- Accordion keeps the section compact\n\n---\n\n## 10. Footer\n\n**Purpose:** Navigation + trust + final branding.\n\n**Best Practices:**\n- 4-column grid: Brand | Product | Company | Resources\n- Social media links\n- Legal links (privacy, terms)\n- Copyright notice\n- Dark background for visual closure\n\n**Conversion Notes:**\n- Many visitors scroll to the footer looking for specific info\n- Don't let it be a dead end — include a secondary CTA or newsletter signup\n- Clean, organized footer signals professionalism\n\n---\n\n## Section Order Strategy\n\nThe default order follows proven conversion patterns:\n\n```\nNav → Hero → Logos → Features → How It Works → Pricing → Testimonials → CTA → FAQ → Footer\n```\n\n**Rationale:**\n1. **Hero** captures attention\n2. **Logos** build instant trust\n3. **Features** explain the value\n4. **How It Works** reduces perceived friction\n5. **Pricing** lets them self-select\n6. **Testimonials** provide social proof at decision time\n7. **CTA** captures bottom-of-page scrollers\n8. **FAQ** addresses final objections\n9. **Footer** provides navigation and closure\n\n---\n\n## Key Metrics to Track\n\n| Metric | Target |\n|--------|--------|\n| Time on page | > 30 seconds |\n| Scroll depth | > 50% reach pricing |\n| CTA click rate | > 3-5% |\n| Mobile bounce rate | < 60% |\n| Page load time | < 2 seconds |\n\nFile v0.1.0:references/themes.md\n\n# Theme Configurations & Customization\n\nThis reference documents all available themes, their configurations, and how to\ncustomize every aspect of your landing page.\n\n---\n\n## Available Themes\n\n### 1. `saas` — Software Products & B2B Tools\n\n**Best for:** SaaS products, B2B platforms, developer tools, productivity apps.\n\n```json\n{\n  \"theme\": \"saas\",\n  \"color\": \"#6366f1\"\n}\n```\n\n**Sections:** Hero → Logos → Features → How It Works → Pricing → Testimonials → CTA → FAQ → Footer\n\n**Fonts:** Poppins (headings) + Inter (body)\n\n**Default Features:**\n- ⚡ Lightning Fast\n- 🔒 Bank-Grade Security\n- 📊 Deep Analytics\n- 🤝 Seamless Collaboration\n- 🎯 Smart Automation\n- 🔄 100+ Integrations\n\n**Pricing Tiers:** Starter ($0), Pro ($29), Enterprise (Custom)\n\n---\n\n### 2. `startup` — Early-Stage Companies\n\n**Best for:** Startups, pitch pages, product launches, venture-backed companies.\n\n```json\n{\n  \"theme\": \"startup\",\n  \"color\": \"#8b5cf6\"\n}\n```\n\n**Sections:** Hero → Logos → Features → How It Works → Testimonials → CTA → Footer\n\n**Fonts:** Poppins + Inter\n\n**Tone:** Bold, energetic, growth-focused. No pricing (early stage — focus on momentum).\n\n---\n\n### 3. `portfolio` — Creative Professionals\n\n**Best for:** Freelancers, designers, photographers, artists, creative agencies.\n\n```json\n{\n  \"theme\": \"portfolio\",\n  \"color\": \"#ec4899\"\n}\n```\n\n**Sections:** Hero → Features (services) → How It Works → CTA → Footer\n\n**Fonts:** Poppins + Inter\n\n**Tone:** Personal, showcase-oriented. Features double as services offered.\n\n---\n\n### 4. `restaurant` — Food & Beverage\n\n**Best for:** Restaurants, cafés, bars, bakeries, food trucks.\n\n```json\n{\n  \"theme\": \"restaurant\",\n  \"color\": \"#dc2626\"\n}\n```\n\n**Sections:** Hero → Features → Testimonials → CTA → Footer\n\n**Fonts:** Poppins + Inter\n\n**Hero Image:** Warm, inviting restaurant interior.\n\n**Tone:** Appetizing, warm, experiential. CTA focuses on reservations.\n\n---\n\n### 5. `fitness` — Health & Wellness\n\n**Best for:** Gyms, personal trainers, fitness apps, yoga studios, wellness brands.\n\n```json\n{\n  \"theme\": \"fitness\",\n  \"color\": \"#f97316\"\n}\n```\n\n**Sections:** Hero → Features → Pricing (memberships) → Testimonials → CTA → Footer\n\n**Fonts:** Poppins + Inter\n\n**Pricing:** Day Pass ($15), Monthly ($49), Annual ($399)\n\n**Tone:** Energetic, motivational, transformation-focused.\n\n---\n\n### 6. `agency` — Service Businesses\n\n**Best for:** Marketing agencies, dev shops, consultancies, design studios.\n\n```json\n{\n  \"theme\": \"agency\",\n  \"color\": \"#0ea5e9\"\n}\n```\n\n**Sections:** Hero → Logos → Features (services) → How It Works → Testimonials → CTA → Footer\n\n**Fonts:** Poppins + Inter\n\n**Tone:** Professional, results-driven, ROI-focused.\n\n---\n\n### 7. `ecommerce` — Online Stores\n\n**Best for:** E-commerce sites, product launches, online shops, retail brands.\n\n```json\n{\n  \"theme\": \"ecommerce\",\n  \"color\": \"#10b981\"\n}\n```\n\n**Sections:** Hero → Features → Pricing → Testimonials → CTA → Footer\n\n**Fonts:** Poppins + Inter\n\n**Tone:** Trustworthy, benefit-driven, urgency-friendly.\n\n---\n\n## Customization\n\n### Full JSON Config Example\n\nEvery field below is optional — the script fills gaps with intelligent defaults:\n\n```json\n{\n  \"name\": \"TaskFlow\",\n  \"description\": \"AI-powered task management for modern teams\",\n  \"theme\": \"saas\",\n  \"color\": \"#6366f1\",\n  \"tagline\": \"Ship faster, together\",\n  \"subtitle\": \"The intelligent project management platform that adapts to how your team actually works.\",\n  \"hero_img\": \"https://images.unsplash.com/photo-1551434678-e076c223a692?w=1200&q=80\",\n  \"output\": \"taskflow.html\",\n  \"url\": \"https://taskflow.app\",\n\n  \"nav\": [\"Features\", \"Pricing\", \"Testimonials\", \"FAQ\"],\n\n  \"cta_primary\": \"Start Free Trial\",\n  \"cta_secondary\": \"Watch Demo\",\n  \"cta_title\": \"Start your free trial today\",\n  \"cta_subtitle\": \"No credit card required. Set up in 2 minutes.\",\n  \"cta_button\": \"Get Started Now\",\n\n  \"features\": [\n    [\"AI Prioritization\", \"Let AI rank your tasks by impact and urgency automatically.\"],\n    [\"Sprint Planning\", \"Drag-and-drop sprint boards with story points and velocity tracking.\"],\n    [\"Time Tracking\", \"Built-in timers with automatic categorization and reporting.\"]\n  ],\n\n  \"steps\": [\n    [\"Create your workspace\", \"Set up your team and invite members in 30 seconds.\"],\n    [\"Add your projects\", \"Import from Jira, Asana, or start fresh with templates.\"],\n    [\"Ship faster\", \"Watch your velocity increase as AI optimizes your workflow.\"]\n  ],\n\n  \"pricing\": [\n    [\"Free\", \"$0\", [\"/mo\", \"For individuals\"], [\"3 projects\", \"Basic analytics\", \"Community support\"]],\n    [\"Pro\", \"$29\", [\"/mo\", \"For growing teams\"], [\"Unlimited projects\", \"AI features\", \"Priority support\", \"100GB storage\"]],\n    [\"Enterprise\", \"Custom\", [\"\", \"For large teams\"], [\"Everything in Pro\", \"SSO/SAML\", \"Dedicated manager\", \"99.9% SLA\"]]\n  ],\n\n  \"testimonials\": [\n    [\"Sarah Chen\", \"VP Engineering, Acme\", \"Cut our delivery time by 40%.\"],\n    [\"Marcus Rivera\", \"CTO, Boltline\", \"Saves us 15 hours a week.\"],\n    [\"Aisha Patel\", \"Founder, NimbleLabs\", \"Best decision we made this year.\"]\n  ],\n\n  \"faq\": [\n    [\"Is there a free trial?\", \"Yes! 14 days, full access, no credit card.\"],\n    [\"Can I import from other tools?\", \"Yes — we support Jira, Asana, Trello, and more.\"]\n  ],\n\n  \"logos\": [\"Acme\", \"Globex\", \"Stark\", \"Wayne\"],\n  \"sections\": [\"hero\", \"logos\", \"features\", \"pricing\", \"testimonials\", \"cta\", \"footer\"]\n}\n```\n\n---\n\n## Color Palette Generation\n\nThe script generates a full palette from a single seed hex color:\n\n| CSS Variable | Derivation | Usage |\n|---|---|---|\n| `--primary` | Seed color as-is | Buttons, links, accents |\n| `--primary-light` | +10% lightness | Hover states |\n| `--primary-dark` | -12% lightness | Active states, shadows |\n| `--primary-50` | 97% lightness, low sat | Backgrounds, badges |\n| `--primary-100` | 93% lightness | Decorative elements |\n| `--accent` | Hue +47°, +3% lightness | Secondary gradient color |\n| `--gradient-start` | Seed color | Gradient start |\n| `--gradient-end` | Hue +29°, -5% lightness | Gradient end |\n| `--gradient-accent` | Hue +54° | Text gradient |\n\n### Recommended Seed Colors by Theme\n\n| Theme | Default | Alternatives |\n|-------|---------|-------------|\n| SaaS | `#6366f1` | `#3b82f6`, `#8b5cf6`, `#06b6d4` |\n| Startup | `#8b5cf6` | `#6366f1`, `#ec4899`, `#f59e0b` |\n| Portfolio | `#ec4899` | `#8b5cf6`, `#f43f5e`, `#0ea5e9` |\n| Restaurant | `#dc2626` | `#ea580c`, `#b91c1c`, `#ca8a04` |\n| Fitness | `#f97316` | `#ef4444`, `#eab308`, `#22c55e` |\n| Agency | `#0ea5e9` | `#6366f1`, `#14b8a6`, `#2563eb` |\n| E-commerce | `#10b981` | `#059669`, `#0d9488`, `#65a30d` |\n\n---\n\n## Section Control\n\nOverride which sections appear using the `sections` array:\n\n```json\n{\n  \"sections\": [\"hero\", \"features\", \"pricing\", \"cta\", \"footer\"]\n}\n```\n\n**Available sections:** `hero`, `logos`, `features`, `how`, `pricing`, `testimonials`, `cta`, `faq`, `footer`\n\nSections render in the order listed. Omit any you don't need.\n\n---\n\n## Custom Features Format\n\nFeatures can be strings or `[title, description]` tuples:\n\n```json\n{\n  \"features\": [\n    \"Simple Feature Name\",\n    [\"Feature with description\", \"Detailed description text here.\"],\n    [\"Another Feature\", \"Another description.\"]\n  ]\n}\n```\n\n---\n\n## Custom Pricing Format\n\nEach plan is: `[name, price, [period, description], [feature_list]]`\n\n```json\n[\n  [\"Free\", \"$0\", [\"/mo\", \"Get started\"], [\"3 projects\", \"Basic support\"]],\n  [\"Pro\", \"$29\", [\"/mo\", \"For teams\"], [\"Unlimited projects\", \"Priority support\"]]\n]\n```\n\n- The **second plan** (index 1) automatically gets the \"Most Popular\" badge\n- Use `\"Custom\"` as price to show \"Contact Sales\" button\n\nFile v0.1.0:skill-card.md\n\n## Description:\n\nThis release is labeled Social Media Kit, but the shipped documentation and code implement a landing-page HTML generator from text, JSON config, or interactive prompts.\n\nThis skill is ready for commercial/non-commercial use.\n\n## Publisher:\n\n[voronindenis5](https://clawhub.ai/user/voronindenis5)\n\n### License/Terms of Use:\n\nMIT\n\n## Use Case:\n\nExternal users and developers can use the shipped artifact to generate standalone responsive landing-page HTML for products, services, portfolios, restaurants, fitness brands, agencies, and e-commerce pages. Because the manifest and package contents do not align, users should confirm they intend to install a landing-page generator rather than a social-media content kit.\n\n### Deployment Geography for Use:\n\nGlobal\n\n## Known Risks and Mitigations:\n\nRisk: The manifest/package mismatch may lead users to install this release expecting a social-media generator when the shipped code is a landing-page HTML generator.\n\nMitigation: Install only if you intentionally want the landing-page generator, and wait for the publisher to fix the mismatch otherwise.\n\nRisk: Generated HTML can include externally loaded Google Fonts and Unsplash images.\n\nMitigation: Review generated HTML before opening or publishing it, and replace or remove external resources when local-only output is required.\n\nRisk: JSON configuration controls generated page content and links.\n\nMitigation: Treat JSON configs as trusted input and review the generated page before deployment.\n\n## Reference(s):\n\n- [Server-resolved source repository](https://github.com/voronindenis5/landing-page-builder)\n- [ClawHub skill page](https://clawhub.ai/voronindenis5/skills/landing-page-builder-2)\n- [Theme Configurations & Customization](references/themes.md)\n- [Anatomy of a High-Converting Landing Page](references/sections.md)\n\n## Skill Output:\n\n**Output Type(s):** [Text, Markdown, Code, Shell commands, Configuration, Guidance]\n\n**Output Format:** [Markdown guidance with shell commands and generated standalone HTML files]\n\n**Output Parameters:** [1D]\n\n**Other Properties Related to Output:** [Can read JSON config or stdin text and writes a single HTML file with embedded CSS; generated pages may load Google Fonts and Unsplash images.]\n\n## Skill Version(s):\n\n0.1.0 (source: ClawHub release metadata; artifact frontmatter and script report 1.0.0)\n\n## Ethical Considerations:\n\nUsers should evaluate whether this skill is appropriate for their environment, review any generated or modified files before relying on them, and apply their organization's safety, security, and compliance requirements before deployment.\n\nFile v0.1.0:LICENSE\n\nMIT License\n\nCopyright (c) 2026 Denis Voronin\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.","readmeExcerpt":"Skill: Social Media Kit Owner: voronindenis5 Summary: Generate a complete week of social media content for all platforms from a single topic or brand. Produces platform-optimized posts, a beautiful shareable HTML content calendar, hashtag suggestions, posting-time recommendations, and JSON export for scheduling tools. Tags: latest:0.1.0 Version history: v0.1.0 | 2026-08-14T06:17:58.243Z | auto Social Media Kit initia","codeSnippets":[],"executableExamples":[{"language":"bash","snippet":"# Generate a week of content for a brand\npython scripts/social_kit.py generate --topic 'sustainable fashion' --brand 'EcoThreads'\n\n# Generate 14 days for specific platforms only\npython scripts/social_kit.py generate --topic 'AI productivity' --days 14 --platforms twitter,linkedin\n\n# Build an HTML calendar from a previous JSON export\npython scripts/social_kit.py calendar content.json --output calendar.html\n\n# Auto-detect topic from any text snippet via stdin\necho 'organic coffee roastery in Brooklyn' | python scripts/social_kit.py --auto"},{"language":"text","snippet":"output/\n├── content.json     # Machine-readable: 21+ posts with full metadata\n└── calendar.html    # Visual weekly grid: 7 days × N platforms"},{"language":"bash","snippet":"python scripts/social_kit.py generate \\\n  --topic 'sustainable fashion' \\\n  --brand 'EcoThreads' \\\n  --days 7 \\\n  --platforms twitter,instagram,linkedin \\\n  --output-dir ./output"},{"language":"bash","snippet":"python scripts/social_kit.py calendar content.json --output calendar.html"},{"language":"bash","snippet":"echo 'AI fitness app called FitAI' | python scripts/social_kit.py --auto"},{"language":"bash","snippet":"# Build with flags\npython scripts/landing_builder.py build \\\n  --name 'TaskFlow' \\\n  --desc 'AI-powered task management for modern teams' \\\n  --theme saas \\\n  --color '#6366f1'\n\n# From JSON config\npython scripts/landing_builder.py build --config product.json\n\n# Fully automatic from piped text\necho 'Coffee shop in Portland called Brew & Co' | python scripts/landing_builder.py --auto\n\n# Interactive mode (prompts for details)\npython scripts/landing_builder.py build"}],"parameters":null,"dependencies":[],"permissions":[],"extractedFiles":[{"path":"SKILL.md","content":"---\nname: social-media-kit\nversion: 1.0.0\nauthor: Denis Voronin\nlicense: MIT\ndescription: >-\n  Generate a complete week of social media content for all platforms from a single\n  topic or brand. Produces platform-optimized posts, a beautiful shareable HTML\n  content calendar, hashtag suggestions, posting-time recommendations, and JSON\n  export for scheduling tools.\ncategories:\n  - social-media\n  - content-creation\n  - marketing\ntags:\n  - social-media\n  - content-calendar\n  - twitter\n  - instagram\n  - linkedin\n  - marketing\n---\n\n# Social Media Kit\n\nGenerate a **complete week of social media content** for all major platforms from\na single topic, brand name, or URL.\n\n## Quick Start\n\n```bash\n# Generate a week of content for a brand\npython scripts/social_kit.py generate --topic 'sustainable fashion' --brand 'EcoThreads'\n\n# Generate 14 days for specific platforms only\npython scripts/social_kit.py generate --topic 'AI productivity' --days 14 --platforms twitter,linkedin\n\n# Build an HTML calendar from a previous JSON export\npython scripts/social_kit.py calendar content.json --output calendar.html\n\n# Auto-detect topic from any text snippet via stdin\necho 'organic coffee roastery in Brooklyn' | python scripts/social_kit.py --auto\n```\n\n## What It Produces\n\n| Output | Description |\n|--------|-------------|\n| `content.json` | All posts in structured JSON — ready for scheduling tools |\n| `calendar.html` | Beautiful, shareable, print-friendly weekly content calendar |\n| Console summary | Quick overview of the week's content strategy |\n\n## Output Structure\n\n```\noutput/\n├── content.json     # Machine-readable: 21+ posts with full metadata\n└── calendar.html    # Visual weekly grid: 7 days × N platforms\n```\n\n## Features\n\n- **21 posts by default** (7 days × 3 platforms), fully customizable\n- **Platform optimization**: Twitter (280 chars + hashtags), Instagram (caption + image suggestions), LinkedIn (professional, longer form)\n- **Content mix**: follows the 70-20-10 rule — Educational (70%), Promotional (20%), Engaging (10%) — plus behind-the-scenes and UGC\n- **Hashtag suggestions** tailored per platform\n- **Best posting time** recommendations per platform per day\n- **Engagement hooks** and CTAs baked into every post\n- **Weekly theme/storyline** that ties all posts together\n- **Color-coded HTML calendar**: educational = blue, promo = green, engaging = orange\n- **Print-friendly** layout for physical planning\n- **JSON export** for Buffer, Hootsuite, Later, and other scheduling tools\n\n## Content Strategy\n\nSee [`references/content-strategy.md`](references/content-strategy.md) for the 70-20-10\nrule and content pillar framework.\n\nSee [`references/platform-guide.md`](references/platform-guide.md) for character limits,\nhashtag strategies, and best practices per platform.\n\n## CLI Reference\n\n### `generate`\n\n```bash\npython scripts/social_kit.py generate \\\n  --topic 'sustainable fashion' \\\n  --brand 'EcoThreads' \\\n  --days 7 \\\n  --platforms twitter,instagram,linkedin \\\n  --output"},{"path":"README.md","content":"# 🎨 Landing Page Builder\n\n> Generate beautiful, production-quality landing pages from a simple text description. Pure Python stdlib — no dependencies required.\n\n![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)\n![Python](https://img.shields.io/badge/python-3.8+-blue.svg)\n![Version](https://img.shields.io/badge/version-1.0.0-green.svg)\n\n## ✨ Features\n\n- **🚀 Instant Landing Pages** — From text description to production HTML in seconds\n- **🎨 7 Industry Themes** — SaaS, Startup, Portfolio, Restaurant, Fitness, Agency, E-commerce\n- **🌈 Smart Color Generation** — Full palette from a single seed hex color\n- **📱 Mobile-First Responsive** — Looks perfect on every device\n- **🎭 Modern Animations** — Intersection Observer scroll reveals, hover lifts, gradient text\n- **🔧 Zero Dependencies** — Pure Python stdlib. No pip install needed\n- **📄 Standalone Output** — Single HTML file with embedded CSS. Just open and go\n- **🔍 SEO Ready** — Meta tags, Open Graph, Twitter Cards included\n- **🍔 Mobile Menu** — Hamburger navigation with overlay\n- **♿ Accessible** — Semantic HTML5, ARIA labels, keyboard navigation\n\n## 🎯 Quick Start\n\n### Command Line\n\n```bash\n# Build with flags\npython scripts/landing_builder.py build \\\n  --name 'TaskFlow' \\\n  --desc 'AI-powered task management for modern teams' \\\n  --theme saas \\\n  --color '#6366f1'\n\n# From JSON config\npython scripts/landing_builder.py build --config product.json\n\n# Fully automatic from piped text\necho 'Coffee shop in Portland called Brew & Co' | python scripts/landing_builder.py --auto\n\n# Interactive mode (prompts for details)\npython scripts/landing_builder.py build\n```\n\n### Output\n\n```\n✅ Landing page generated successfully!\n   📄 File: /path/to/taskflow.html\n   📦 Size: 28.3 KB\n   🎨 Theme: saas\n   🖌️  Color: #6366f1\n\n   Open in browser: file:///path/to/taskflow.html\n```\n\n## 📋 Commands\n\n| Command | Description |\n|---------|-------------|\n| `build` | Build a landing page with flags or interactive prompts |\n| `build --config FILE` | Build from a JSON config file |\n| `--auto` | Auto-generate from piped stdin text (detects theme, name, color) |\n\n### Build Flags\n\n| Flag | Short | Description |\n|------|-------|-------------|\n| `--name` | `-n` | Business/product name |\n| `--desc` | `-d` | Short description |\n| `--theme` | `-t` | Theme (saas, startup, portfolio, restaurant, fitness, agency, ecommerce) |\n| `--color` | `-c` | Seed color in hex (e.g., `#6366f1`) |\n| `--config` | | Path to JSON config file |\n| `--output` | `-o` | Output HTML filename |\n\n## 🎨 Themes\n\n| Theme | Default Color | Best For |\n|-------|--------------|----------|\n| `saas` | `#6366f1` | Software products, B2B tools, apps |\n| `startup` | `#8b5cf6` | Early-stage companies, pitch pages |\n| `portfolio` | `#ec4899` | Freelancers, creatives, personal brands |\n| `restaurant` | `#dc2626` | Restaurants, cafés, food brands |\n| `fitness` | `#f97316` | Gyms, trainers, wellness |\n| `agency` | `#0ea5e9` | Agencies, consultancies, studios |\n"},{"path":"_meta.json","content":"{\n  \"ownerId\": \"kn75wwn4x6djaf28jbykeamazd81gtdp\",\n  \"slug\": \"landing-page-builder-2\",\n  \"version\": \"0.1.0\",\n  \"publishedAt\": 1786688278243\n}"},{"path":"references/sections.md","content":"# Anatomy of a High-Converting Landing Page\n\nThis reference breaks down each section of the landing page, explaining its purpose,\nbest practices, and conversion principles.\n\n---\n\n## 1. Navigation Bar (Navbar)\n\n**Purpose:** Brand identity + primary navigation + persistent CTA.\n\n**Best Practices:**\n- Fixed position so it stays visible on scroll\n- Transparent over hero, then blurred background on scroll\n- Logo (left) + nav links (center/right) + CTA button (right)\n- Mobile: collapse into hamburger menu\n- CTA button uses gradient background for visual priority\n\n**Conversion Notes:**\n- The nav CTA should always match the primary conversion goal\n- Limit to 4-5 nav links — too many create decision paralysis\n\n---\n\n## 2. Hero Section\n\n**Purpose:** The \"above the fold\" first impression. Must communicate:\n1. **What** you do\n2. **Who** it's for\n3. **Why** they should care\n\n**Best Practices:**\n- Headline: Clear and benefit-driven, not clever\n- Use gradient text on key words to draw the eye\n- Subtitle: 1-2 sentences expanding on the headline\n- Two CTAs: Primary (gradient) + Secondary (outline)\n- Right side: Hero image or product screenshot\n- Decorative background blobs/radials for depth\n\n**Conversion Notes:**\n- Headline is the #1 factor in whether visitors stay\n- Visitors decide in **3-5 seconds** whether to keep reading\n- Dual CTA pattern (e.g., \"Start free trial\" + \"Watch demo\") increases engagement\n\n---\n\n## 3. Logo Bar / Social Proof\n\n**Purpose:** Build instant credibility by showing who trusts you.\n\n**Best Practices:**\n- \"Trusted by teams at...\" label\n- 4-8 logo placeholders in a horizontal row\n- Muted colors — they shouldn't compete with content\n- Hover to full opacity\n\n**Conversion Notes:**\n- Social proof can increase conversions by **15-30%**\n- If you have recognizable names, use real logos\n\n---\n\n## 4. Features Section\n\n**Purpose:** Explain what you offer and why it matters.\n\n**Best Practices:**\n- 3-6 feature cards in a grid\n- Each card: icon + title + description\n- Icons: use emoji or simple SVGs\n- Benefit-driven copy, not feature-driven\n- Card hover effects: lift + top border reveal\n\n**Conversion Notes:**\n- Translate features into benefits: \"256-bit encryption\" → \"Bank-grade security\"\n- Keep descriptions to 1-2 sentences\n- Most important features first (reading order matters)\n\n---\n\n## 5. How It Works\n\n**Purpose:** Reduce perceived complexity. Show visitors how easy it is.\n\n**Best Practices:**\n- 3 steps is ideal (simple, actionable)\n- Numbered circles for visual progression\n- Step title + short description\n\n**Conversion Notes:**\n- This section reduces friction and fear (\"Is this too complicated?\")\n- Keep it to 3 steps — more than 4 feels overwhelming\n\n---\n\n## 6. Pricing Section\n\n**Purpose:** Help visitors self-select into the right plan.\n\n**Best Practices:**\n- 3 tiers is optimal (Good/Better/Best)\n- Middle plan \"featured\" with badge and slight scale-up\n- Feature lists with checkmarks\n- Clear price + period ($29/mo, not just $29)\n- CTA button per plan\n\n"},{"path":"references/themes.md","content":"# Theme Configurations & Customization\n\nThis reference documents all available themes, their configurations, and how to\ncustomize every aspect of your landing page.\n\n---\n\n## Available Themes\n\n### 1. `saas` — Software Products & B2B Tools\n\n**Best for:** SaaS products, B2B platforms, developer tools, productivity apps.\n\n```json\n{\n  \"theme\": \"saas\",\n  \"color\": \"#6366f1\"\n}\n```\n\n**Sections:** Hero → Logos → Features → How It Works → Pricing → Testimonials → CTA → FAQ → Footer\n\n**Fonts:** Poppins (headings) + Inter (body)\n\n**Default Features:**\n- ⚡ Lightning Fast\n- 🔒 Bank-Grade Security\n- 📊 Deep Analytics\n- 🤝 Seamless Collaboration\n- 🎯 Smart Automation\n- 🔄 100+ Integrations\n\n**Pricing Tiers:** Starter ($0), Pro ($29), Enterprise (Custom)\n\n---\n\n### 2. `startup` — Early-Stage Companies\n\n**Best for:** Startups, pitch pages, product launches, venture-backed companies.\n\n```json\n{\n  \"theme\": \"startup\",\n  \"color\": \"#8b5cf6\"\n}\n```\n\n**Sections:** Hero → Logos → Features → How It Works → Testimonials → CTA → Footer\n\n**Fonts:** Poppins + Inter\n\n**Tone:** Bold, energetic, growth-focused. No pricing (early stage — focus on momentum).\n\n---\n\n### 3. `portfolio` — Creative Professionals\n\n**Best for:** Freelancers, designers, photographers, artists, creative agencies.\n\n```json\n{\n  \"theme\": \"portfolio\",\n  \"color\": \"#ec4899\"\n}\n```\n\n**Sections:** Hero → Features (services) → How It Works → CTA → Footer\n\n**Fonts:** Poppins + Inter\n\n**Tone:** Personal, showcase-oriented. Features double as services offered.\n\n---\n\n### 4. `restaurant` — Food & Beverage\n\n**Best for:** Restaurants, cafés, bars, bakeries, food trucks.\n\n```json\n{\n  \"theme\": \"restaurant\",\n  \"color\": \"#dc2626\"\n}\n```\n\n**Sections:** Hero → Features → Testimonials → CTA → Footer\n\n**Fonts:** Poppins + Inter\n\n**Hero Image:** Warm, inviting restaurant interior.\n\n**Tone:** Appetizing, warm, experiential. CTA focuses on reservations.\n\n---\n\n### 5. `fitness` — Health & Wellness\n\n**Best for:** Gyms, personal trainers, fitness apps, yoga studios, wellness brands.\n\n```json\n{\n  \"theme\": \"fitness\",\n  \"color\": \"#f97316\"\n}\n```\n\n**Sections:** Hero → Features → Pricing (memberships) → Testimonials → CTA → Footer\n\n**Fonts:** Poppins + Inter\n\n**Pricing:** Day Pass ($15), Monthly ($49), Annual ($399)\n\n**Tone:** Energetic, motivational, transformation-focused.\n\n---\n\n### 6. `agency` — Service Businesses\n\n**Best for:** Marketing agencies, dev shops, consultancies, design studios.\n\n```json\n{\n  \"theme\": \"agency\",\n  \"color\": \"#0ea5e9\"\n}\n```\n\n**Sections:** Hero → Logos → Features (services) → How It Works → Testimonials → CTA → Footer\n\n**Fonts:** Poppins + Inter\n\n**Tone:** Professional, results-driven, ROI-focused.\n\n---\n\n### 7. `ecommerce` — Online Stores\n\n**Best for:** E-commerce sites, product launches, online shops, retail brands.\n\n```json\n{\n  \"theme\": \"ecommerce\",\n  \"color\": \"#10b981\"\n}\n```\n\n**Sections:** Hero → Features → Pricing → Testimonials → CTA → Footer\n\n**Fonts:** Poppins + Inter\n\n**Tone:** Trustworthy, benefit-driven, urgency-"}],"languages":[],"docsSourceLabel":"CLAWHUB","editorialOverview":"Generate a complete week of social media content for all platforms from a single topic or brand. Produces platform-optimized posts, a beautiful shareable HTML content calendar, hashtag suggestions, posting-time recommendations, and JSON export for scheduling tools. Skill: Social Media Kit Owner: voronindenis5 Summary: Generate a complete week of social media content for all platforms from a single topic or brand. Produces platform-optimized posts, a beautiful shareable HTML content calendar, hashtag suggestions, posting-time recommendations, and JSON export for scheduling tools. Tags: latest:0.1.0 Version history: v0.1.0 | 2026-08-14T06:17:58.243Z | auto Social Media Kit initia","editorialQuality":{"score":100,"threshold":65,"status":"ready","wordCount":875,"uniquenessScore":54,"reasons":[]}},"media":{"evidence":{"source":"no-media","verified":false,"confidence":"low","updatedAt":"2026-10-10T08:10:28.182Z","emptyReason":"No screenshots, media assets, or demo links are available."},"primaryImageUrl":null,"mediaAssetCount":0,"assets":[],"demoUrl":null},"ownerResources":{"evidence":{"source":"unclaimed","verified":false,"confidence":"low","updatedAt":"2026-10-10T08:10:28.182Z","emptyReason":"This page has not been claimed by the agent owner."},"hasCustomPage":false,"customPageUpdatedAt":null,"customLinks":[],"structuredLinks":{"docsUrl":null,"demoUrl":null,"supportUrl":null,"pricingUrl":null,"statusUrl":null},"customPage":null},"relatedAgents":{"evidence":{"source":"protocol-neighbors","verified":false,"confidence":"medium","updatedAt":"2026-10-10T10:45:03.333Z","emptyReason":null},"items":[{"id":"8ebccd8e-3863-4187-8355-c3f14e1f9edf","entityType":"agent","canonicalPath":"/agent/iofficeai-aionui","slug":"iofficeai-aionui","name":"AionUi","description":"Free, local, open-source 24/7 Cowork app and OpenClaw for Gemini CLI, Claude Code, Codex, OpenCode, Qwen Code, Goose CLI, Auggie, and more | 🌟 Star if you like it!","url":"https://github.com/iOfficeAI/AionUi","homepage":"https://www.aionui.com","source":"GITHUB_REPOS","protocols":["MCP","OPENCLAW"],"capabilities":[],"safetyScore":100,"overallRank":70,"updatedAt":"2026-10-09T19:11:12.944Z","createdAt":"2026-02-25T03:38:16.584Z","downloads":null},{"id":"b917f68a-ebff-438e-84f8-3f4b2494c0bc","entityType":"agent","canonicalPath":"/agent/activepieces-activepieces","slug":"activepieces-activepieces","name":"activepieces","description":"AI Agents & MCPs & AI Workflow Automation • (~400 MCP servers for AI agents) • AI Automation / AI Agent with MCPs • AI Workflows & AI Agents • MCPs for AI Agents","url":"https://github.com/activepieces/activepieces","homepage":"https://www.activepieces.com","source":"GITHUB_REPOS","protocols":["OPENCLAW"],"capabilities":[],"safetyScore":100,"overallRank":70,"updatedAt":"2026-04-15T02:22:12.426Z","createdAt":"2026-02-25T03:38:12.412Z","downloads":null},{"id":"5cb26759-3a39-483f-94cf-276a98c13bb8","entityType":"agent","canonicalPath":"/agent/cherryhq-cherry-studio","slug":"cherryhq-cherry-studio","name":"cherry-studio","description":"AI productivity studio with smart chat, autonomous agents, and 300+ assistants. Unified access to frontier LLMs","url":"https://github.com/CherryHQ/cherry-studio","homepage":"https://cherry-ai.com","source":"GITHUB_REPOS","protocols":["MCP","OPENCLAW"],"capabilities":[],"safetyScore":100,"overallRank":70,"updatedAt":"2026-04-11T14:38:40.986Z","createdAt":"2026-02-25T03:38:19.379Z","downloads":null},{"id":"6f6582d0-5d76-4f0f-b81d-86520247950b","entityType":"agent","canonicalPath":"/agent/copilotkit-copilotkit","slug":"copilotkit-copilotkit","name":"CopilotKit","description":"The Frontend for Agents & Generative UI. React + Angular","url":"https://github.com/CopilotKit/CopilotKit","homepage":"https://docs.copilotkit.ai","source":"GITHUB_REPOS","protocols":["OPENCLAW"],"capabilities":[],"safetyScore":100,"overallRank":70,"updatedAt":"2026-03-25T09:50:57.846Z","createdAt":"2026-02-25T03:39:14.617Z","downloads":null}],"links":{"hub":"/agent","source":"/agent/source/clawhub","protocols":[{"label":"OpenClaw","href":"/agent/protocol/openclew"}]}}}