算法艺术创作
algorithmic-art
通过代码和可调参数创作生成艺术与交互式视觉效果。
landing-page-writer【设计与创意】Write landing page copy for product pages, campaign pages, lead-gen pages, pricing pages, and feature pages. Use when the user asks for landing page copy, product page, lead magnet page, "write the page for X", pricing page copy, feature page, hero section, or web copy that converts. Uses the StoryBrand SB7 framework (Donald Miller) to structure ever…
独立 GitHub 快照 · 自动分类 · 以原作者文档为准
Writes conversion-focused landing page copy using the StoryBrand SB7 framework (Donald Miller, Building a StoryBrand). Every page positions the customer as the hero, the brand as the guide - not the other way around.
The core SB7 insight: Most companies make themselves the hero of their own story. Customers don't care. Customers care about their own story. A brand that positions itself as the guide (Gandalf, not Frodo) converts dramatically better than one that leads with how great it is.
Building a StoryBrand is a sequence, not a checklist. The seven elements only work in this order, because each one is the answer to the question the previous one raises in the reader.
| # | Element | The reader's unasked question it answers | If you skip it |
|---|---|---|---|
| 1 | A character | "Is this about me?" | The reader never enters the story |
| 2 | has a problem | "Do you understand what I am dealing with?" | Nothing creates the need to keep reading |
| 3 | and meets a guide | "Can I trust you, and have you done this before?" | You read as another vendor with a claim |
| 4 | who gives them a plan | "What exactly happens if I say yes?" | Anxiety about the unknown blocks the click |
| 5 | and calls them to action | "What do I do right now?" | The reader agrees with you and leaves |
| 6 | that helps them avoid failure | "What is at stake if I do nothing?" | Inertia wins, because doing nothing costs nothing |
| 7 | and ends in success | "What does my life look like after?" | There is nothing to want |
Two of Miller's tests are used as gates in this skill.
The grunt test. A stranger looking only at the area above the fold, for five seconds, must be able to say three things: what you offer, how it makes their life better, and what they do next. If any of the three is missing or takes reading to work out, the hero section fails and gets rewritten before anything below it is drafted.
The one-liner. Before the page, write one sentence in Miller's shape: character, problem, plan, success. Example shape, not example copy: "Most [role] are stuck with [problem]. We give them [plan] so they can [success]." Every H1 and final CTA on the page must be consistent with that sentence. If they are not, the page argues with itself.
Element ordering by page type. The arc stays in order, but pages compress differently.
| Page type | Leads with | Compresses or drops | Why |
|---|---|---|---|
| Product page | Character and problem | Nothing, run the full arc | The visitor is comparing, they need all seven |
| Campaign / launch page | Success, then problem | Guide is a single proof bar | Traffic arrives warm from the campaign |
| Lead magnet page | Plan (what is inside) | Failure, drop it entirely | Failure framing on a free asset reads as pressure |
| Pricing page | Plan and CTA | Problem, one line only | The visitor is past the problem, they are costing it |
| Feature page | Problem and plan | Character, one line only | They arrived already knowing who they are |
| Type | Length | Sections |
|---|---|---|
| Product page | Long | Hero, social proof, problem, guide intro, plan, success, failure, CTA |
| Campaign / launch page | Medium | Hero, why-now, what's new, social proof, CTA |
| Lead magnet page | Short | Hero, what's inside, who it's for, form, social proof |
| Pricing page | Medium | Hero, plan comparison, feature matrix, FAQ, CTA |
| Feature page | Medium | Hero, problem, how it works, use cases, CTA |
| Hero only | 1 section | H1 + sub + CTA |
knowledge/icp/personas.mdRead knowledge/brand/voice.md, the relevant persona, knowledge/markets/positioning.md, and the relevant service file. If brand voice is missing, stop and say: "Run /brand-context first."
Before writing a single word of copy, answer all 7 elements. These answers drive every section.
SB7 BrandScript for <Company/Product>
1. CHARACTER (the hero - who is the customer?)
The customer is: [role, context, goal]
What they want: [one thing - specific and simple]
"A <role> who wants to <outcome>"
2. PROBLEM
External problem (the practical problem): [what is broken in the world]
Internal problem (how it makes them feel): [frustrated, embarrassed, overwhelmed...]
Philosophical problem (why it's unjust): [it shouldn't have to be this way]
The villain (what causes the problem): [never a person - a force, a system, a situation]
3. GUIDE (the brand - empathy + authority)
Empathy statement: "We know what it's like to <feel the internal problem>"
Authority proof: [3 specific credentials - customers helped, stats, awards]
4. PLAN
3-step plan that reduces anxiety about buying:
Step 1: [simple verb phrase]
Step 2: [simple verb phrase]
Step 3: [simple verb phrase]
5. CALL TO ACTION
Direct CTA (buy, schedule, sign up): [exact button copy]
Transitional CTA (for those not ready): [low-commitment offer]
6. SUCCESS (what their life looks like after)
3 specific outcomes - make them vivid:
- [functional win: what they can do now]
- [emotional win: how they feel]
- [status win: how others see them]
7. FAILURE (cost of not acting - used sparingly near the CTA)
What happens if they do nothing: [specific, real, not apocalyptic]
## Hero
H1 (8-12 words): The CHARACTER's WANT + hint of the PLAN
✓ "Turn trial signups into activated users in 6 days"
✗ "The most powerful onboarding platform" (brand as hero)
Sub (15-25 words): External problem solved + who it's for
Primary CTA: Direct CTA from BrandScript (Step 5) - 2-4 words, action verb
Secondary CTA: Transitional CTA from BrandScript (Step 5)
Visual brief: Customer succeeding (success state), not product screenshot as hero
## Social proof bar (GUIDE authority - Step 3)
- 5-8 customer logos, OR
- 1 headline stat ("Trusted by 240+ growth teams"), OR
- 1 line testimonial with photo
Position: immediately below the fold
## Problem section (Steps 2 + 3)
H2: Name the EXTERNAL PROBLEM in the customer's exact language
Body (60-80 words): Agitate the INTERNAL PROBLEM (how it feels)
- Use "if you're like most [persona], you've felt..." construction
- Name the VILLAIN (the system/situation causing the problem, not a competitor)
Empathy line (15-25 words): "We know what that's like. [Empathy statement from Step 3]"
## Guide intro (GUIDE - Step 3)
Authority proof block:
- [Stat: X customers / Y outcomes]
- [Credibility: notable customer names or recognition]
- [Differentiation: what makes us the right guide]
## Plan section (Step 4)
H2: "Here's how it works" or "Getting started is simple"
3-step plan (NOT features):
Step 1: [Action verb] + [what they do]
Step 2: [Action verb] + [what happens]
Step 3: [Action verb] + [outcome they unlock]
Note: Steps should reduce the fear of getting started, not describe features
## Success section (Step 6)
H2: Paint the SUCCESS state in vivid, specific terms
Body: What their world looks like after using the product
Use all 3 success types:
- Functional: "You ship your first onboarding flow in a week"
- Emotional: "You stop worrying about activation and start measuring it"
- Identity: "Your team becomes the team that fixed the onboarding problem"
Use customer quotes here if available (proof + success combined)
## Proof section
- 1 hero case study: [metric change] for [customer name]
- 2-3 testimonials: name + role + company + 1-sentence result
- 1 aggregate stat
## Pricing (if applicable)
Confirm actual prices before writing. Structure: plan names + what each includes + which is recommended (highlight the middle option).
## FAQ (5-8 questions)
Address FAILURE fears (Step 7) disguised as questions:
- "What if it doesn't work for us?" (failure fear)
- "How long does setup take?" (inertia fear)
- "How is this different from [competitor]?" (uncertainty fear)
Never: "Is your product good?" / "Do you have a free trial?" (obvious, not objection-handling)
## Final CTA
H2: Restate the SUCCESS outcome (not the product name)
Body (30-50 words): What happens in the next 30 seconds after they click
Direct CTA button: Same as hero
FAILURE reminder (1 line, optional): Brief, factual - "Every week without X costs you Y"
Risk reducer: "No credit card" / "Cancel anytime" / "Free 14-day trial"
Voice:
knowledge/brand/voice.md exactlyConversion psychology (beyond SB7):
Each item is answerable by pointing at the draft. Anything that needs an opinion is not a check.
Structure:
Sourcing:
knowledge/[PROOF NEEDED: ...] or [NEEDS INPUT: ...]Voice:
output/landing-page/<DD-MM-YYYY>-<slug>.md with frontmatter:
---
format: landing-page
page-type: <type>
framework: storybrand-sb7
conversion-action: <action>
audience: <persona>
created: DD-MM-YYYY
---
/email-nurture)knowledge/. Every proof slot on this page
is a place an agent will otherwise invent a named customer, and a fabricated testimonial
attributed to a real company is a legal and reputational incident, not a draft defect.[PROOF NEEDED: 1 customer logo / 1 metric / 1 quote]
and list what the team has to collect. An honest gap ships. A fake quote does not.| SB7 element | Page section | Common mistake |
|---|---|---|
| Character | Hero H1 | Making the brand the character |
| Problem | Problem section | Skipping internal/philosophical problem |
| Guide | Social proof + empathy | Only using authority, skipping empathy |
| Plan | How it works | Listing features instead of steps |
| CTA | All CTAs | Weak verbs ("Submit", "Learn more") |
| Success | Proof + success section | Vague outcomes ("improve your results") |
| Failure | Final CTA area | Skipping it entirely (leaving motivation on the table) |
knowledge/[PROOF NEEDED: ...]Do not draft the page when any of these holds. Name the blocker and what you need.
[PROOF NEEDED: ...] and tell the user the page should not go live
until at least one is real. Never invent one to complete the layout.[NEEDS INPUT: price per plan]. Do not
infer a price from a competitor, from the market, or from an earlier draft.[LEGAL REVIEW], and say the page must not publish unreviewed.Ranked worst first. The top three are ship-blockers.
[LEGAL REVIEW] marker. Blocker./page-cro when the page already exists and the question is why it does not convert/copy-review for grading and tightening an existing page rather than writing a new one/messaging-framework when the one-liner needs to hold across every asset, not just this page/positioning-doc when the BrandScript keeps stalling because the position itself is unclear/ad-campaign-writer for the ads driving traffic here, so the ad promise matches the H1/email-nurture for the sequence that fires after the form submit/case-study-writer when the proof section needs a real customer story built first/ab-copy-writer when the hero has two credible versions and the choice should be tested/brand-context first, whenever knowledge/brand/voice.md does not exist yetThese are real limitations of this skill. It cannot resolve them from knowledge/, so ask the
user or emit [NEEDS INPUT: <what>].