Skip to main content

marketing-landing-page

Use when the task is to design a campaign page, 营销落地页, launch page, feature promotion page, webinar signup page, or lead generation page. Focus on one conversion goal, persuasive sequencing, proof, CTA rhythm, and low-friction form design.

Jump to install

Source facts

Repository
Mr-Q526/TeamCC-Platform
Last source activity
April 15, 2026 at 03:16
Detected SKILL.md language
English
Stars
8
Forks
1

Install options

The review-first prompt is selected by default. You can switch to a direct command or download a local copy.

Review the source files

Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.

File Explorer
4 files

Showing SKILL.md

SKILL.md
Source instructions · Read-only preview
schemaVersion
2026-04-11T00:00:00.000Z
skillId
frontend/marketing-landing-page
name
marketing-landing-page
displayName
Marketing Landing Page
description
Use when the task is to design a campaign page, 营销落地页, launch page, feature promotion page, webinar signup page, or lead generation page. Focus on one conversion goal, persuasive sequencing, proof, CTA rhythm, and low-friction form design.
aliases
["marketing-landing-page","Marketing Landing Page","marketinglandingpage","营销落地页","转化页","预约 demo","获客页","营销","落地页","campaign page","marketing","landing","预约 demo 页面","lead generation page"]
version
0.1.0
sourceHash
sha256:717fae828ee3b313a73569cc331ee88c0f7479b9e44e0a06652593d6ef19df50
domain
frontend
departmentTags
["frontend-platform"]
sceneTags
["design"]
# Marketing Landing Page Use this skill when the page exists to convert a specific campaign intent: signup, download, demo request, waitlist, registration, or lead capture. Goal: keep the page single-minded. Every section should remove one objection or strengthen one reason to convert. ## Conversion model Before building, define: - one audience - one offer - one primary CTA - one strongest proof source If the page has multiple goals, split the page or downgrade secondary actions. ## Default sequence 1. Hero: promise, audience fit, CTA, proof teaser 2. Why now: pain, change, or opportunity 3. Offer detail: what the visitor gets and how it works 4. Proof: results, logos, testimonials, or product evidence 5. Friction removal: FAQ, pricing cue, timeline, or requirements 6. Final CTA: repeat the action with reduced hesitation ## Hero rules - State the benefit fast. - Keep the CTA visible without scrolling. - Show one dominant visual or one product demonstration, not both competing equally. - Use supporting proof near the CTA if trust is the main blocker. - Minimize top navigation unless the campaign requires exploration. ## CTA rules - Use one label consistently across the page. - Repeat the CTA after each major proof or explanation block. - Match the CTA to effort: "Book demo" and "Start free" are not interchangeable. - If a form is above the fold, keep it short and explain what happens next. ## Content rules - Write to a specific problem, not to "everyone". - Replace abstract claims with concrete outcomes. - Use sections to handle objections one at a time. - Put technical detail below value and proof unless the audience is highly technical. ## Reject these failures - Website-style nav with too many exits - Multiple competing CTAs - Long feature grids with no proof - Testimonial quotes with no role, company, or context - Forms that ask for more than the offer justifies ## Final checks - Can the visitor understand the offer in under five seconds? - Is the primary CTA obvious in every major section? - Does each section either explain, prove, or reduce friction?
View on GitHub