$npx -y skills add ncklrs/startup-os-skills --skill website-copy-specialistExpert website copywriting for SaaS and B2B companies. Use when writing homepage copy, feature pages, about pages, pricing pages, comparison pages, product tours, integration pages, use case pages, demo/contact pages, or navigation microcopy. Use for website messaging hierarchy,
| 1 | # Website Copy Specialist |
| 2 | |
| 3 | Expert website copywriter specializing in SaaS and B2B website pages — from homepage messaging to conversion-focused CTAs across every page type. |
| 4 | |
| 5 | ## Philosophy |
| 6 | |
| 7 | Great website copy does four things: |
| 8 | |
| 9 | 1. **Answers "What is this?"** — Visitors decide in 3-5 seconds if they're in the right place |
| 10 | 2. **Creates a clear path** — Every page guides toward one primary action |
| 11 | 3. **Speaks to the visitor** — "You" language, not "we" language |
| 12 | 4. **Reduces friction** — Anticipates objections and addresses them proactively |
| 13 | |
| 14 | ## How This Skill Works |
| 15 | |
| 16 | When invoked, apply the guidelines in `rules/` organized by: |
| 17 | |
| 18 | - `homepage-*` — Homepage messaging hierarchy and structure |
| 19 | - `feature-*` — Feature page copy and organization |
| 20 | - `about-*` — About page storytelling |
| 21 | - `pricing-*` — Pricing page copy optimization |
| 22 | - `comparison-*` — Comparison and alternative pages |
| 23 | - `tour-*` — Product tour pages |
| 24 | - `integration-*` — Integration pages |
| 25 | - `usecase-*` — Use case and solution pages |
| 26 | - `conversion-*` — Demo request and contact pages |
| 27 | - `navigation-*` — Navigation and microcopy |
| 28 | |
| 29 | ## Core Frameworks |
| 30 | |
| 31 | ### The Clarity Hierarchy |
| 32 | |
| 33 | Every page follows the same priority: |
| 34 | |
| 35 | ``` |
| 36 | 1. WHAT (What is this thing?) |
| 37 | ↓ |
| 38 | 2. WHO (Is this for me?) |
| 39 | ↓ |
| 40 | 3. WHY (Why should I care?) |
| 41 | ↓ |
| 42 | 4. HOW (How does it work?) |
| 43 | ↓ |
| 44 | 5. PROOF (Can I trust this?) |
| 45 | ↓ |
| 46 | 6. ACTION (What do I do next?) |
| 47 | ``` |
| 48 | |
| 49 | ### Message-Market Match |
| 50 | |
| 51 | | Audience Awareness | What They Need | Copy Approach | |
| 52 | |-------------------|----------------|---------------| |
| 53 | | **Unaware** | Education on the problem | Lead with pain/problem | |
| 54 | | **Problem-aware** | Understanding of solutions | Agitate + introduce solution | |
| 55 | | **Solution-aware** | Why your solution | Differentiation + benefits | |
| 56 | | **Product-aware** | Confidence to buy | Proof + urgency + offer | |
| 57 | | **Most aware** | Easy path to action | CTA + friction removal | |
| 58 | |
| 59 | ### Page Types and Goals |
| 60 | |
| 61 | | Page Type | Primary Goal | Secondary Goal | |
| 62 | |-----------|-------------|----------------| |
| 63 | | **Homepage** | Communicate value prop | Route to relevant content | |
| 64 | | **Feature page** | Demonstrate capability | Drive trial/demo | |
| 65 | | **About page** | Build trust and credibility | Attract talent | |
| 66 | | **Pricing page** | Enable purchase decision | Qualify leads | |
| 67 | | **Comparison page** | Win competitive deals | Capture switch intent | |
| 68 | | **Product tour** | Visualize the experience | Reduce demo friction | |
| 69 | | **Integration page** | Show ecosystem fit | Capture integration searches | |
| 70 | | **Use case page** | Prove relevance to segment | Capture intent by persona | |
| 71 | | **Demo/Contact** | Convert to conversation | Qualify the lead | |
| 72 | |
| 73 | ### The Specificity Ladder |
| 74 | |
| 75 | More specific = more persuasive: |
| 76 | |
| 77 | ``` |
| 78 | Weak: "Save time" |
| 79 | Better: "Save hours every week" |
| 80 | Strong: "Save 5 hours per week" |
| 81 | Best: "Save 5 hours per week on code reviews" |
| 82 | ``` |
| 83 | |
| 84 | ## Website Copy Spectrum |
| 85 | |
| 86 | | Page | Tone | Focus | Primary CTA | |
| 87 | |------|------|-------|-------------| |
| 88 | | **Homepage** | Confident, clear | Value + differentiation | Start trial / See demo | |
| 89 | | **Features** | Educational, demonstrative | Capabilities + outcomes | Try feature / Learn more | |
| 90 | | **About** | Human, authentic | Story + mission + team | Join us / Contact | |
| 91 | | **Pricing** | Transparent, helpful | Value per tier | Start trial / Talk to sales | |
| 92 | | **Comparison** | Confident, factual | Differences + advantages | Switch now / Try free | |
| 93 | | **Product tour** | Visual, guided | Experience preview | Start free | |
| 94 | | **Integration** | Technical, practical | Setup + benefits | Connect now | |
| 95 | | **Use case** | Relatable, solution-focused | Problem + proof | See how | |
| 96 | | **Demo/Contact** | Helpful, low-pressure | Value of conversation | Book time | |
| 97 | |
| 98 | ## Content Hierarchy by Page |
| 99 | |
| 100 | ### Homepage Sections (Order) |
| 101 | 1. Hero (value prop + CTA) |
| 102 | 2. Social proof bar (logos) |
| 103 | 3. Problem/solution overview |
| 104 | 4. Key features/benefits |
| 105 | 5. How it works |
| 106 | 6. Testimonials/case studies |
| 107 | 7. Secondary features |
| 108 | 8. Final CTA |
| 109 | |
| 110 | ### Feature Page Sections |
| 111 | 1. Feature headline + subhead |
| 112 | 2. Hero visual (screenshot/video) |
| 113 | 3. Key benefits (3-5) |
| 114 | 4. Detailed capabilities |
| 115 | 5. Use cases |
| 116 | 6. Social proof |
| 117 | 7. Related features |
| 118 | 8. CTA |
| 119 | |
| 120 | ## Anti-Patterns |
| 121 | |
| 122 | - **"We" focused copy** — "We built" vs "You get" |
| 123 | - **Feature lists without benefits** — Features tell, benefits sell |
| 124 | - **Generic headlines** — "Welcome to [Company]" tells nothing |
| 125 | - **Buried CTAs** — Make the action obvious and repeated |
| 126 | - **Missing social proof** — Claims without evidence |
| 127 | - **One-size-fits-all** — Different pages need different voices |
| 128 | - **Jargon overload** — Write for humans, not search engines |
| 129 | - **No clear hierarchy** — Visitors scan, they |