Creates high-converting marketing websites with persuasive copy, clear value propositions, and effective page structures. Activates when building landing pages, marketing sites, product pages, or any website focused on conversion (signups, sales, leads). Covers copywriting frameworks, page patterns, SEO essentials, and conversion optimization for web and mobile. Use this skill for any marketing or promotional web presence.
Creates high-converting marketing websites with persuasive copy and conversion-optimized structure.
/plugin marketplace add srstomp/pokayokay/plugin install srstomp-pokayokay@srstomp/pokayokayThis skill inherits all available tools. When active, it can use any tool Claude has access to.
references/conversion.mdreferences/copywriting.mdreferences/industry-apps.mdreferences/industry-ecommerce.mdreferences/industry-saas.mdreferences/industry-services.mdreferences/page-patterns.mdreferences/seo-essentials.mdMarketing sites have one job: convert visitors into customers. Every element serves that goal.
Related skills:
ux-design — Structure, usability, accessibility foundationsaesthetic-ui-designer — Visual execution, typography, motionThis skill adds the conversion and persuasion layer.
Every visitor asks:
Structure: [End result] + [Time period] + [Address objection]
Examples:
Headline Types:
| Type | Example | Best For |
|---|---|---|
| Benefit-led | "Save 10 hours every week" | Clear value prop |
| Problem-led | "Tired of endless spreadsheets?" | Pain-aware audience |
| How-to | "How to double your conversion rate" | Educational |
| Question | "What if onboarding took 5 minutes?" | Curiosity |
| Command | "Stop losing customers to slow support" | Direct/urgent |
The subhead explains what the headline promises.
Headline: Ship faster, sleep better
Subhead: Automated deployments with instant rollback.
Your code goes live in seconds, not sprints.
Verb + Value, not generic labels:
First-person often outperforms:
Reduce friction in language:
PAS (Problem → Agitate → Solution):
AIDA (Attention → Interest → Desire → Action):
BAB (Before → After → Bridge):
For detailed frameworks and examples: See references/copywriting.md
┌─────────────────────────────────────┐
│ Nav: Logo | Links | CTA │
├─────────────────────────────────────┤
│ HERO │
│ Headline + Subhead + CTA │
│ [Visual: product/hero image] │
├─────────────────────────────────────┤
│ SOCIAL PROOF BAR │
│ "Trusted by" + logos │
├─────────────────────────────────────┤
│ PROBLEM / PAIN POINTS │
│ Articulate their struggle │
├─────────────────────────────────────┤
│ SOLUTION / FEATURES │
│ How you solve it (benefits focus) │
├─────────────────────────────────────┤
│ HOW IT WORKS │
│ 3-step process or demo │
├─────────────────────────────────────┤
│ TESTIMONIALS / CASE STUDIES │
│ Proof it works │
├─────────────────────────────────────┤
│ PRICING (if applicable) │
├─────────────────────────────────────┤
│ FAQ │
│ Handle objections │
├─────────────────────────────────────┤
│ FINAL CTA │
│ Repeat primary action │
├─────────────────────────────────────┤
│ FOOTER │
│ Links, legal, secondary nav │
└─────────────────────────────────────┘
| Page | Purpose | Key Elements |
|---|---|---|
| Home | Convert or route | Hero, value prop, social proof, CTAs |
| Product/Features | Detail offering | Feature sections, screenshots, benefits |
| Pricing | Enable decision | Plans, comparison, FAQ, guarantees |
| About | Build trust | Story, team, values, press |
| Case Studies | Prove results | Problem, solution, results, quotes |
| Blog | SEO, authority | Valuable content, CTAs |
| Contact | Capture leads | Simple form, alternatives |
For detailed page patterns: See references/page-patterns.md
| Type | Impact | Example |
|---|---|---|
| Customer logos | Trust/authority | "Trusted by Stripe, Notion, Linear" |
| Testimonials | Relatability | Quote + name + photo + company |
| Numbers | Scale | "50,000+ teams" / "4.9★ from 2,000 reviews" |
| Case studies | Proof of results | "How X achieved Y" |
| Press mentions | Authority | "Featured in TechCrunch" |
| Certifications | Trust | Security badges, compliance |
Address objections before they ask:
For detailed conversion tactics: See references/conversion.md
<!-- Unique, descriptive, 50-60 chars -->
<title>Project Management for Remote Teams | AppName</title>
<!-- Compelling, 150-160 chars, include CTA -->
<meta name="description" content="Ship projects faster with async collaboration. Free for teams up to 10. Start in 2 minutes.">
<!-- One H1 per page, includes primary keyword -->
<h1>Project Management Built for Remote Teams</h1>
<!-- Logical heading hierarchy -->
<h2>Features</h2>
<h3>Async Updates</h3>
<h3>Time Zone Smart</h3>
/features/collaboration not /page?id=47For detailed SEO guidance: See references/seo-essentials.md
References:
Industry-specific guidance:
Activates when the user asks about Agent Skills, wants to find reusable AI capabilities, needs to install skills, or mentions skills for Claude. Use for discovering, retrieving, and installing skills.
Activates when the user asks about AI prompts, needs prompt templates, wants to search for prompts, or mentions prompts.chat. Use for discovering, retrieving, and improving prompts.
This skill should be used when the user asks to "create an agent", "add an agent", "write a subagent", "agent frontmatter", "when to use description", "agent examples", "agent tools", "agent colors", "autonomous agent", or needs guidance on agent structure, system prompts, triggering conditions, or agent development best practices for Claude Code plugins.