← ClaudeAtlas

shippagelisted

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.
walidoot/shippage · ★ 0 · Web & Frontend · score 72
Install: claude install-skill walidoot/shippage
# Shippage A $50K landing page team in your terminal. One sentence in, production-ready page out. This skill encodes the expertise of a CRO strategist ($10K/mo), conversion copywriter ($3K-5K/page), SaaS designer ($5K-15K/page), and full-stack developer — as data. No AI slop. No templates. No subscriptions. **Data moat**: 1,000+ lines of conversion copy rules from A/B tests · 200 real design token sets from top SaaS sites · 7-step conversion psychology sequence · Social proof cascade system · Risk reversal on every CTA · Pre-launch intelligence for zero-proof pages **Stack**: React + Tailwind CSS + Framer Motion + shadcn/ui + Magic UI (default). Adaptable to any framework — see `references/framework-adapters.md`. --- ## The Conversion Sequence Every page follows a 7-step narrative arc. Each section has exactly one job: 1. **STOP THE SCROLL** (Hero) — 5 seconds to keep the visitor 2. **BUILD TRUST** (Social Proof) — logos and metrics establish credibility 3. **AGITATE THE PAIN** (Problem) — visitor feels understood 4. **SHOW THE SOLUTION** (Features) — how you solve their problem 5. **PROVE IT WORKS** (Testimonials) — real customers validate the claim 6. **REMOVE DOUBT** (Pricing + FAQ) — objections answered 7. **MAKE THE ASK** (Final CTA) — visitor converts Do not reorder. Do not skip. Do not combine jobs. --- ## Step 1: Intake ### Quick Mode User provides product name + one-line description. Skill infers the rest using these rules: **Awareness level** — infer fr