the-homepage

Featured

Structure a dev-tool homepage that converts developers into champions. Use when the landing page is written for the buyer instead of the developer, reads as salesy, buries what the product does, or makes it hard to start. Pairs with the ShipReady homepage audit.

AI & Automation 274 stars 27 forks Updated 4 days ago MIT

Install

View on GitHub

Quality Score: 89/100

Stars 20%
81
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# The homepage > Write your homepage for the person who actually reads it: the **end-user developer**, not the CTO who signs the check. The developer becomes your champion and sells it internally for you. **Use this when:** your homepage speaks to buyers/ROI, it's clever but vague about what the thing does, or a developer can't tell in 5 seconds whether to care, and can't start in 5 minutes if they do. ## The core rule (Czakon) **Address end-user developers on the homepage; put enterprise/ROI/buyer messaging on separate pages** (enterprise, pricing, case studies). If you write the homepage for the buyer, you've written it for someone who isn't there. ## Framework: the sections, in order (Czakon) 1. **Hook / core message**: immediately: what *is* it? Use a category ("CI for monorepos"), a known-incumbent comparison ("a Datadog alternative"), or a plain statement. **Headline = what it is · subhead = for whom / what job.** 2. **Hero**: a real product shot; two CTAs: **Get started** (signup) *and* **Docs**. Answer "what's in it for me?" up top. Lead with the **how**, not the why. 3. **Social proof, right after the hero**: recognizable logos are the fastest credibility you have. Impressive dynamic metrics (users, stars) if you've got them. 4. **Value prop & differentiation**: why you over the 10 alternatives (see `value-prop-that-converts`). 5. **Getting started**: a huge conversion lever. Free trial, **no credit card**, quick setup. Any hard barrier sends developers straigh...

Details

Author
AIDevGTM
Repository
AIDevGTM/gtm-cofounder
Created
1 months ago
Last Updated
4 days ago
Language
N/A
License
MIT

Integrates with

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Listed

shippage

Generate production-quality, conversion-optimized SaaS landing pages in minutes. Use when the user asks to build a landing page, marketing page, product page, homepage, or website for a SaaS, startup, app, or B2B product. Also use when they say "make a page for my product", "I need a website", "create a sales page", "ship a landing page", or "help me launch". Use for audits too: "roast my page", "audit this landing page", "review my website". Outputs deployable React projects with Tailwind CSS, Framer Motion, shadcn/ui, 200 real design tokens, and 18 conversion-optimized section templates. Supports Next.js, Vite, Remix, Astro, Vue, Svelte. Use this skill even if the user doesn't explicitly say "landing page" — if they're building software and need a website that sells, this is the skill.

0 Updated today
walidoot
Web & Frontend Listed

landing-page

Designs a conversion-focused landing page: the copy framework matched to traffic source and awareness stage, section order, form length, proof placement, and prototype-ready HTML with Tailwind. Use for a lead capture page, a signup page or a launch page that does not exist yet. Boundary: builds a new page from scratch. `product-page-optimization` reviews an existing product detail page, and `checkout-optimization` reviews cart and checkout.

1 Updated today
sidchaudhary
Web & Frontend Listed

website-teardown

Review a company website or landing page the way a VC partner, a head of design, and the actual customer would. Scores it, ranks the gaps by revenue damage, and rewrites the worst copy. Use whenever someone shares a homepage, landing page, or site URL (or screenshots, or pasted hero copy) and wants feedback, a teardown, a review, a critique, or a conversion audit. Also triggers on "why isn't my site converting?", "does this explain what we do?", "is our landing page any good?", "roast my website", "we're getting traffic but no signups", when a founder is about to redesign, and when someone asks what should go above the fold.

2 Updated 4 weeks ago
lelephi