Communitygithub.com

SkillMedev/skills

Write landing-page copy section by section - hero, social proof, features-as-benefits, objections, CTA - leading with one promise and proving it down the page. Use when someone asks "write my landing page", "improve my hero headline", "what should the homepage say", "turn these features into benefits", or is shipping a new page for a launch or campaign. Do NOT use for testing and optimizing an existing page's conversion rate - use landing-page-cro instead; for the one-line claim itself use positioning-statement; for the full message ladder use messaging-hierarchy.

skills란 무엇인가요?

skills is a Claude Code agent skill that write landing-page copy section by section - hero, social proof, features-as-benefits, objections, CTA - leading with one promise and proving it down the page. Use when someone asks "write my landing page", "improve my hero headline", "what should the homepage say", "turn these features into benefits", or is shipping a new page for a launch or campaign. Do NOT use for testing and optimizing an existing page's conversion rate - use landing-page-cro instead; for the one-line claim itself use positioning-statement; for the full message ladder use messaging-hierarchy.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/SkillMedev/skills/tree/HEAD/skills/landing-page-copy

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

Landing Page Copy

A landing page makes one promise and spends the rest of the page making it believable. The costly mistake this skill prevents is the clever-but-vague page: paid traffic arrives, reads "Supercharge your workflow," and bounces before learning what the product does. Clarity outsells cleverness, and the reader decides in the first five seconds whether to give you thirty more.

Operating procedure

Write top to bottom in the order below, because each section answers the objection the previous one created: the hero makes a claim, proof makes it credible, benefits make it concrete, objections clear the residue, and the CTA collects.

Step 1: Gather inputs

  1. The one promise - the single outcome the page sells. If the user offers three, make them pick one; the others become body copy. If no positioning exists yet, route to positioning-statement first.
  2. The ICP and the pain in their own words (support tickets, sales calls, reviews - not the founder's paraphrase). Label paraphrases as guesses.
  3. The real alternative (spreadsheet, incumbent, doing nothing).
  4. Available proof: testimonials, logos, numbers, screenshots. Default: if none exists, use specificity of mechanism as interim proof and flag the gap.
  5. The one action the page asks for (trial, demo, waitlist) and what happens after the click.
  6. Where traffic comes from - the page must echo the promise of the ad or post that sent them (message match; optimizing this loop afterward is landing-page-cro).

Step 2: Write the hero

  • Headline: the core promise in plain language - the outcome, not the feature. Test: a stranger knows what they get within 5 seconds. Under 10 words.
  • Subhead: who it's for and how it works, in one sentence.
  • CTA button: a verb plus the value ("Start free", "Get the template") - never "Submit" or "Learn more".
  • Supporting visual: show the outcome or the product doing the promise, not an abstract illustration.

Bad hero: "Unlock the power of intelligent automation" / "Our AI-driven platform revolutionizes how modern teams work" / [Learn More] - no outcome, no audience, three buzzwords, a CTA that promises homework.

Good hero: "Send client reports in 5 minutes, not 5 hours" / "ReportKit pulls your agency's campaign data into white-label reports automatically - no spreadsheets" / [Start free - first report in 5 minutes] - outcome with a number, names the audience and mechanism, CTA restates the value.

Step 3: Place social proof immediately under the hero

A logo strip, a usage number, or one strong quote - proof belongs right after the claim, while skepticism is highest. Specificity beats volume: one named customer with a result ("cut reporting time 80% - Dana K., Brightside Agency") outperforms five anonymous star ratings.

Step 4: Write the body in order

  1. Problem - name the pain in the reader's own words; they should think "that's exactly it."
  2. Solution - how the product removes it, framed as outcomes.
  3. Features as benefits - for each feature, complete "which means…" until it lands on the reader's life: "encrypted backups" becomes "you never lose your work." Cut any feature that can't finish the sentence. Three to five, each with a concrete detail.
  4. Deeper proof - testimonials with names and outcomes, screenshots, numbers.
  5. Objections - answer the top 2-3 hesitations plainly (price, migration effort, security, "will this work for my case"), pulled from real sales conversations.
  6. Repeat CTA - same action, same wording as the hero button, now that they're convinced. Optionally add a friction-reducer line beneath ("No credit card. Cancel anytime.").

Step 5: Edit pass

  • Write to one person, in second person ("you"); no first person.
  • Specific beats grand: "set up in 3 minutes" beats "incredibly easy."
  • Cut adjectives; let the proof carry weight. Delete every "powerful", "seamless", "revolutionary".
  • One promise per section; every section moves the reader one step closer to the CTA - cut any that doesn't.
  • Read the headline and CTAs aloud; anything that sounds like marketing rather than a person gets rewritten.

Page skeleton template

HERO
  Headline: [FILL: outcome promise, <10 words]
  Subhead:  [FILL: who it's for + how it works, 1 sentence]
  CTA:      [FILL: verb + value]

PROOF BAR: [FILL: logos / usage number / 1 named quote]

PROBLEM:   [FILL: the pain, in the customer's own words, 2-3 sentences]
SOLUTION:  [FILL: how it's removed, outcome-framed, 2-3 sentences]

BENEFITS (3-5):
  - [FILL: feature] - which means [FILL: outcome for the reader]

DEEP PROOF: [FILL: 1-2 named testimonials with results / screenshot]

OBJECTIONS (2-3):
  - "[FILL: hesitation]" - [FILL: plain answer]

FINAL CTA: [FILL: same verb + value as hero]  [FILL: friction reducer]

Deliverable

Produce a complete page draft in the skeleton order - hero (headline, subhead, CTA), proof bar, problem, solution, 3-5 features-as-benefits, deep proof, objection answers, and repeat CTA - plus a one-line note of the weakest proof point to strengthen before scaling traffic.

Do NOT

  • Do not lead with the company or the category ("Acme is a platform for…") - lead with the reader's outcome.
  • Do not make two promises in the hero; a visitor who must choose chooses to leave.
  • Do not use "Submit", "Learn more", or "Get started" without value attached - the button copy is the last thing read before the decision.
  • Do not invent testimonials or numbers; flag missing proof instead - fabricated proof is a trust and legal liability.
  • Do not bury proof below the fold while the claim sits at the top unsupported.
  • Do not A/B-test or restructure an existing page here - that diagnosis-first loop belongs to landing-page-cro.

Quality bar

  • A stranger can say what the product does, who it's for, and what to click within 5 seconds of seeing the hero.
  • Every feature line finishes a "which means…" that lands on the reader.
  • At least one piece of proof is specific (name, number, or screenshot).
  • Zero unearned adjectives; every claim is either proven or concrete.
  • The page's promise matches the ad or post sending the traffic.

Escalation

Route conversion testing of the live page to landing-page-cro, the one-line claim to positioning-statement, the promise/pillars/proof ladder to messaging-hierarchy, and launch scheduling of the page to launch-plan-sequencer.

Individual skills in this repo

This repo contains 19 individual skills — each has its own dedicated page.

SkillMedev/skills

Designs REST API surfaces - resource naming, HTTP method and status-code semantics, error shapes, pagination, and filtering - and delivers an endpoint spec a consumer can build against without asking questions. Use when someone asks "how should I name this endpoint", "what status code should this return", "should this be PUT or PATCH", "how do I paginate this list", or is reviewing an API before it ships to external consumers. Do NOT use for planning breaking-change rollouts and deprecation windows - use api-versioning-strategist instead; for GraphQL type and resolver design - use graphql-schema instead; for generating client SDKs from an existing spec - use api-client-generator instead; for designing inbound webhook endpoints - use webhook-receiver-hardener instead.

SkillMedev/skills

Produce an accurate, properly timed caption track (SRT or WebVTT) from a video's audio - transcribing or aligning to the voiceover script, timing cues to speech, and enforcing line-length and reading-speed rules so captions are readable and in sync. Use when someone says "generate captions", "make subtitles from the audio", "transcribe and caption this", "export an SRT or VTT", "the captions are out of sync", or "the subtitles flash by too fast to read". Do NOT use to burn-in, style, reframe, or position an existing caption track for a platform (9:16, brand styling, safe areas) - that is social-video-formatter; do NOT use to animate text word-by-word as a motion graphic - that is kinetic-typography; do NOT use to write the spoken script in the first place - that is narration-script.

SkillMedev/skills

Turns data and charts into a decision-driving narrative structured as headline finding, trend, implication, and recommended action - with finding-led chart titles, context for every number, annotation guidance, and honest flags on any conclusion the data cannot support. Use when someone says "turn these numbers into a story", "what's the takeaway from this data", "help me present these results to leadership", or has charts but no narrative. Do NOT use for compressing a long document into a one-pager - use executive-summary instead - or for running the analysis that produces the findings - use eda-playbook instead.

SkillMedev/skills

Use when a task needs live or historical money data - "convert USD to EUR", "current/past exchange rate", "FX rate on this date / over this range", or "current price of Bitcoin/Ethereum, market cap, 24h change". Frankfurter (ECB reference rates, no key) is the FX default; CoinGecko's free keyless tier covers crypto. Do NOT use for stock quotes or equities - no keyless stock API survives verification, say so instead of guessing; do NOT use for country economic indicators like GDP or inflation series - use government-open-data instead; if the request is a vague "I need live data", route through public-data-api-picker.

SkillMedev/skills

Builds a driver-based FP&A operating model linking business inputs to P&L, balance sheet, and cash flow outputs. Use when building an annual plan, preparing investor materials, running scenario analysis, or stress-testing the business.

SkillMedev/skills

Use when a task needs live geographic lookups - "geocode this address", "what's at these coordinates" (reverse geocoding), "lat/lon for this city", "which country/state is this ZIP or postal code in", or "country facts: capital, currency, population, flag". Nominatim (OpenStreetMap) is the geocoding default; Zippopotam for postal codes; APICountries for country facts. All keyless. Do NOT use for weather at a location - use weather-climate instead; do NOT use for country-level statistics over time (GDP, population trends) - use government-open-data instead; if the request is a vague "I need live data", route through public-data-api-picker.

SkillMedev/skills

Runs the full Getting Things Done loop - capture, clarify, organize, reflect, engage - building a trusted system of context lists, a projects list with defined next actions, and a weekly review habit. Use when someone says "I'm overwhelmed and things are slipping through the cracks", "set up GTD for me", "help me do a brain dump and organize it", or "my to-do list is a mess". Do NOT use for just running the weekly review ritual itself - use weekly-review instead - or for clearing an email backlog - use inbox-zero.

SkillMedev/skills

Processes any email backlog to zero using the 4Ds - Delete, Delegate, Defer, Do - with a mass-archive strategy for the obvious, a touch-each-email-once discipline, and a keep-it-clear system of batched processing windows, ruthless unsubscribing, filters, and a minimal folder setup. Use when someone says "I have 5,000 unread emails", "help me get to inbox zero", "email is eating my whole day", or treats their inbox as a to-do list. Do NOT use for drafting the reply emails themselves or prioritization rules for an ongoing support queue - use email-triage instead - or for protecting focus time around the email windows - use deep-work-planner instead.

SkillMedev/skills

Improves an existing landing page's conversion rate through evidence-first CRO - audit heatmaps and recordings, write structured hypotheses, prioritize with ICE scoring, and run one-variable tests to statistical significance. Use when someone asks "why isn't my landing page converting", "audit this page before we scale spend", "which A/B test should we run first", or after a CVR drop or ahead of a paid-traffic push. Do NOT use for writing a new landing page from scratch - use landing-page-copy instead. Do NOT use for auditing the ad accounts sending the traffic - use paid-acquisition-audit instead. Do NOT use for reading the results of a finished experiment - use ab-test-analyzer instead.

SkillMedev/skills

Runs structured coaching sessions using values clarification and the GROW model, ending every session with one committed action, a deadline, and an if-then plan for the likely obstacle. Use when someone says "I feel stuck in my life", "help me figure out what I want", "hold me accountable to my goals", or "coach me through this decision". Do NOT use for building a stress toolkit - use stress-management instead - or a journaling practice - use journal-framework; for a standing goal-tracking system, use goals-accountability. Coaching, not therapy: signs of clinical distress route to a licensed professional.

SkillMedev/skills

Adapts English content for a target language and region - swapping idioms, setting the right formality register, replacing cultural references, converting dates, units, and currency - and delivers the localized text with a notes column explaining each adaptation and flagging what needs a native reviewer. Use when someone asks "localize this copy for the Japanese market", "adapt our marketing copy for the Mexican market", "make this translation sound native instead of literal", or a literal translation reads foreign, stiff, or risky. Do NOT use for auditing in-product UI text quality - use ux-writing-audit instead.

SkillMedev/skills

Turns a natural-language video brief into a complete, ready-to-preview Remotion composition - extracts duration, scenes, brand colors, aspect ratio, and real copy; plans the frame budget; and writes data-driven React/TypeScript using useCurrentFrame, interpolate, spring, AbsoluteFill, and Sequence, registered in Root.tsx. Use when someone says "build a 20-second product demo video", "animate a feature walkthrough", "write the Remotion code for this marketing clip", or wants a scene-by-scene composition they can scrub in Studio. Do NOT use for rendering, iterating, or batching the finished MP4 - use remotion-render instead - or for installing and scaffolding the project - use remotion-setup instead.

SkillMedev/skills

Scaffolds a new Remotion video project wired for Claude Code Agent Skills - Node check, create-video scaffold, skills install, folder conventions, Google Fonts, and a smoke-test render. Use whenever someone wants to start making videos with Remotion and Claude, even just "make product videos with Claude.

SkillMedev/skills

Classifies incident severity (SEV1-4) using impact, scope, and urgency signals and decides who to page. Use when an alert fires or a report comes in and a severity call must be made quickly.

SkillMedev/skills

Use the Skill Me catalog from inside any conversation - discover, install, and manage Claude skills through the Skill Me MCP, and load installed skills automatically each session.

SkillMedev/skills

Write one platform-native caption from a topic and brand voice, with a front-loaded hook, native length, and a single earned CTA. Use when the user gives a topic (and optionally brand voice or a described image/video) and asks for an Instagram, LinkedIn, X/Twitter, or TikTok caption. Do NOT use when the user wants a dedicated standalone LinkedIn post - use linkedin-post-writer instead; or a multi-post X thread - use tweet-thread-builder instead; or to adapt one existing piece of content into versions for several channels - use cross-platform-reformatter instead.

SkillMedev/skills

Reframe and export a finished video for social platforms - 9:16 ↔ 16:9 cropping, burned-in captions, a platform-native first frame, loop design, and per-platform specs (aspect, length, safe areas) for TikTok, Reels, Shorts, X, and LinkedIn. Use when someone says "make this vertical", "crop to 9:16", "format for TikTok/Reels/Shorts", "add captions/subtitles", "why is my video cut off on mobile", "resize for Instagram", or "export for social". Do NOT use when the question is about the storyboard or shot order before any video exists (use video-storyboard); the animation craft of how elements move (use motion-design-principles); animated word-by-word caption styling (use kinetic-typography); palette, contrast, or lighting (use motion-color-and-light); directing the product-demo content and screen choreography (use product-demo-director); or scoring, beat-syncing, or audio (use sound-and-music-sync) - this is the craft layer that decides WHAT to format for the feed, then hands a concrete spec to remotion-compo...

SkillMedev/skills

Writes and tunes PySpark jobs - join strategy and broadcast size limits, shuffle-partition sizing, skew diagnosis and salting, UDF avoidance, caching, and output file layout - with concrete size and skew thresholds. Use when someone asks "why is my Spark job slow", "should I broadcast this join", "one task takes forever while the rest finish", "my job OOMs during a join", or is writing a new PySpark ETL job. Do NOT use for Kafka topic, consumer-group, or streaming-pipeline design - use kafka-pipelines instead; do NOT use for single-machine dataframe work that fits in memory - use pandas-expert instead.

SkillMedev/skills

Builds clean, performant, accessible SwiftUI views with correct state ownership, scoped invalidation, and smooth list scrolling, and reviews existing SwiftUI code against a concrete frame-time and re-render budget. Use when someone asks "why does my SwiftUI list stutter", "should this be @State or @Observable", "my whole screen re-renders when one row changes", "how do I animate this transition", or wants a SwiftUI view built or refactored. Do NOT use for cross-platform React Native apps - use react-native-pro instead; do NOT use for Flutter widget trees - use flutter-widget-architect instead; do NOT use for Android Compose UIs - use jetpack-compose-builder instead.

관련 스킬