Communitygithub.com

Cody-W-Tucker/skills

Landing page quality assessment for paid advertising campaigns. Evaluates message match, page speed, mobile experience, trust signals, form optimization, and conversion rate potential. Use when user says landing page, post-click experience, landing page audit, conversion rate, or landing page optimization.

Was ist skills?

skills is a Claude Code agent skill that landing page quality assessment for paid advertising campaigns. Evaluates message match, page speed, mobile experience, trust signals, form optimization, and conversion rate potential. Use when user says landing page, post-click experience, landing page audit, conversion rate, or landing page optimization.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/Cody-W-Tucker/skills/tree/HEAD/skills/ads-landing

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Landing Page Quality for Ad Campaigns

Process

  1. Collect landing page URLs from active ad campaigns
  2. Read ads/references/benchmarks.md for conversion rate benchmarks
  3. Read ads/references/conversion-tracking.md for pixel/tag verification
  4. Assess each landing page for ad-specific quality factors
  5. Score landing pages and identify improvement opportunities
  6. Generate recommendations prioritized by conversion impact

Message Match Assessment

The #1 landing page issue in ad campaigns: does the page match the ad?

What to Check

  • Headline match: landing page H1 reflects ad copy headline/keyword
  • Offer match: promoted offer (price, discount, trial) is visible above fold
  • CTA match: landing page CTA matches ad's promised action
  • Visual match: consistent imagery between ad creative and page
  • Keyword match: search keyword appears naturally in page content

Message Match Scoring

LevelDescriptionScore
Exact matchHeadline, offer, CTA all align perfectly100%
Partial matchHeadline matches but offer/CTA differs60%
Weak matchGeneric page, loosely related to ad30%
MismatchPage content doesn't reflect ad promise0%

Page Speed Assessment

Slow pages kill conversion rates. For every 1s delay, CVR drops ~7%.

Thresholds (Ad Landing Pages)

MetricPassWarningFail
LCP<2.5s2.5-4.0s>4.0s
INP<200ms200-500ms>500ms
CLS<0.10.1-0.25>0.25
Time to Interactive<3.0s3.0-5.0s>5.0s
Page weight<2MB2-5MB>5MB

Common Speed Issues in Ad Pages

  • Hero images not compressed (use WebP/AVIF)
  • Too many third-party scripts (chat widgets, analytics, heatmaps)
  • Render-blocking CSS/JS above fold
  • No lazy loading for below-fold content
  • Font files not preloaded

Mobile Experience

75%+ of ad clicks come from mobile. Mobile experience is critical.

Mobile Checklist

  • Tap targets: ≥48x48px with ≥8px spacing
  • Font size: ≥16px body text (no pinch-to-zoom needed)
  • Form fields: properly sized, keyboard type matches input (email, phone, number)
  • CTA button: full-width on mobile, visible without scrolling
  • No horizontal scroll
  • Images responsive and properly sized
  • Phone number clickable (tel: link)
  • No interstitials or popups blocking content on load

Trust Signals

Above-the-Fold Trust Elements

  • Company logo visible
  • Social proof (customer count, reviews, ratings)
  • Security badges (SSL, payment security, guarantees)
  • Recognizable client logos (B2B)
  • Star ratings or testimonial snippet

Below-the-Fold Trust Elements

  • Full testimonials with names, photos, companies
  • Case study highlights with specific metrics
  • Certifications, awards, accreditations
  • Privacy policy link
  • Physical address/phone number (local service businesses)

Form Optimization

Form Length Impact on CVR

FieldsExpected CVR ImpactUse Case
1-3 fieldsHighest CVRTop-of-funnel, free offer
4-5 fieldsModerate CVRMid-funnel, qualified leads
6-8 fieldsLower CVRBottom-funnel, sales-ready
9+ fieldsLowest CVROnly for high-value offers

Form Best Practices

  • Pre-fill fields where possible (UTM data, known info)
  • Use multi-step forms for 5+ fields (progressive disclosure)
  • Show progress indicator on multi-step forms
  • Inline validation (don't wait until submit to show errors)
  • Error messages are clear and helpful
  • Submit button text is specific ("Get My Free Quote" not "Submit")
  • Thank you page has clear next steps

Landing Page Health Score Algorithm

Landing Page Health Score = (Message Match x 0.25) + (Page Speed x 0.25) + (Mobile x 0.20) + (Trust x 0.15) + (Form x 0.15)

Each component is scored 0-100, then weighted. Final score maps to grade: A (90-100), B (75-89), C (60-74), D (40-59), F (<40).

Consent Banner Impact

Flag if any of the following are true:

  • Consent banner covers the primary CTA on load
  • Consent banner delays form interaction by >1 second
  • Consent banner pushes critical content (headline, offer, CTA) below the fold
  • Banner cannot be dismissed on mobile without scrolling

Consent Mode V2: Verify Consent Mode V2 implementation for EU/EEA traffic to ensure tracking data quality. Without Consent Mode V2, conversion modeling is degraded and remarketing audiences shrink significantly.

Quick Wins

PriorityFixExpected Impact
1Move primary CTA above the fold on all devices+15-25% CVR
2Reduce form fields to essential only (name, email, one qualifier)+10-20% CVR
3Add trust badges near CTA (security, guarantee, reviews)+5-15% CVR
4Optimize hero image (WebP/AVIF, <200KB, proper dimensions)-1-2s load time
5Fix mobile tap targets (>=48x48px with >=8px spacing)+5-10% mobile CVR

Ad-Specific Landing Page Elements

UTM Parameter Handling

  • UTM parameters captured and stored (for attribution)
  • Click IDs preserved: gclid (Google), fbclid (Meta), ttclid (TikTok), msclkid (Microsoft)
  • Parameters passed to form submissions or CRM

Dynamic Content

  • Dynamic keyword insertion in headline (Google Ads feature)
  • Location-specific content for geo-targeted campaigns
  • Audience-specific messaging (different pages for different segments)
  • A/B testing active on key elements (headline, CTA, hero image)

Conversion Tracking

  • Thank you page/event fires correctly for all platforms
  • Form submission triggers conversion event
  • Phone call tracking configured (if applicable)
  • Chat/live agent triggers tracked as micro-conversions

Landing Page Quality by Platform

PlatformKey RequirementNotes
GoogleQS component: landing page experienceDirectly affects ad rank and CPC
MetaPage load speed criticalSlow pages = Meta penalizes delivery
LinkedInProfessional, B2B appropriateMatch LinkedIn's professional context
TikTokMobile-first mandatory95%+ TikTok traffic is mobile
MicrosoftDesktop-optimized matters moreHigher desktop % than other platforms

Output

Landing Page Assessment

Landing Page Health

Message Match:    ████████░░  XX/100
Page Speed:       ██████████  XX/100
Mobile:           ███████░░░  XX/100
Trust Signals:    █████░░░░░  XX/100
Form Quality:     ████████░░  XX/100

Deliverables

  • LANDING-PAGE-REPORT.md: Per-page assessment with scores
  • Message match analysis per ad-to-page combination
  • Page speed improvement priorities
  • Mobile experience fixes
  • Form optimization recommendations
  • Quick Wins sorted by conversion impact

Individual skills in this repo

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

Cody-W-Tucker/skills

TikTok Ads deep analysis covering creative quality, tracking, bidding, campaign structure, and TikTok Shop. Evaluates 28 checks with emphasis on creative-first strategy, safe zone compliance, and Smart+ campaigns. Use when user says TikTok Ads, TikTok marketing, TikTok Shop, Spark Ads, Smart+, or TikTok campaign.

Cody-W-Tucker/skills

YouTube Ads specific analysis covering campaign types, creative quality, audience targeting, and measurement. Evaluates video ad performance across skippable, non-skippable, bumper, Shorts, Demand Gen, and Connected TV formats. Covers VAC→Demand Gen migration, Shorts creative requirements, and CTV shoppable ads. Use when user says YouTube Ads, video ads, pre-roll, bumper ads, YouTube campaign, Shorts ads, or CTV ads.

Cody-W-Tucker/skills

Craft the story that makes investors say \"I want in.\" Master the narrative structure that Reid Hoffman, Sequoia, and top founders use to raise capital. Use when: **Preparing to fundraise** to develop your story before the deck; **Investor meetings** to structure conversations that convert; **Pitch practice** to refine your narrative arc; **Cold outreach** to write compelling investor emails; **Pivoting** to reframe your story after a change

Cody-W-Tucker/skills

Identify the best GTM motions and tools across 7 motion types: Inbound, Outbound, Paid Digital, Community, Partners, ABM, and PLG. Use when selecting marketing channels, choosing between inbound and outbound strategy, or planning cross-channel campaigns.

Cody-W-Tucker/skills

Produce a print-grade single-page kami (紙 / 纸) document — warm parchment canvas, ink-blue accent, serif at one weight, no italic, no cool grays. The output reads like a professional white paper or studio one-pager, not an app UI. Multilingual by design (EN · zh-CN · ja). One self-contained HTML file, zero dependencies.

Cody-W-Tucker/skills

Optimize landing pages for maximum conversions using proven frameworks from Unbounce and Oli Gardner—apply the \"one goal, one message, one action\" principle with data-driven design, copy, and CTA best practices. Use when: **Create a new landing page** for a campaign; **Optimize an existing landing page** that isn't converting; **Review landing page design** before launch; **Improve form conversion rates** on lead gen pages; **A/B test landing page elements** systematically

Cody-W-Tucker/skills

Advanced motion patterns for React / Next.js — drag & drop, gestures, text animations, SVG path drawing, custom hooks, imperative sequences (useAnimate), loaders, and the full API decision tree. Requires motion-foundations.

Cody-W-Tucker/skills

Motion tokens, spring presets, performance rules, device adaptation, accessibility enforcement, and SSR safety for React / Next.js using motion/react. Foundation layer — all other motion skills depend on this.

Cody-W-Tucker/skills

A single-frame motion-design composition with looping CSS animations — rotating type ring, animated globe, ticking timer, parallax labels. Renders as a hero video poster you can hand straight to HyperFrames or any keyframe-based exporter. Use when the brief asks for "motion design", "animated hero", "loop", "video poster", "title card", or pairs Open Claude Design with HyperFrames for a kinetic export.

Cody-W-Tucker/skills

Production-ready animation patterns for React / Next.js — button, modal, toast, stagger, page transitions, exit animations, scroll, and layout — built on motion-foundations tokens and springs.

Cody-W-Tucker/skills

Production-ready UI motion system for React/Next.js. Use when implementing animations, transitions, or motion patterns.

Cody-W-Tucker/skills

Produce a single-file slide deck in the Atelier Zero visual language (warm-paper background, italic-serif emphasis spans, coral terminating dots, surreal collage plates) — Open Design's brand deck recipe. The deck uses **horizontal magazine-style swipe pagination** (←/→, wheel, swipe), a per-slide chrome strip with brand mark and slide counter, an ESC overview grid, a coral progress bar, and inherits the canonical stylesheet + 16-slot image library from the sister `open-design-landing` skill.

Cody-W-Tucker/skills

Produce a world-class single-page editorial landing site in the Atelier Zero visual language (Monocle / Apartamento / Études editorial collage) — the same aesthetic Open Design uses for its own marketing surface. The agent fills a typed `inputs.json` from a brand brief, optionally generates 16 collage assets via gpt-image-2, then runs a pure-function composer that emits a self-contained HTML file; a separate path can mirror the Astro marketing site in `apps/landing-page/`. Drop-in scroll-reveal motion and a Headroom-style sticky nav are wired automatically.

Cody-W-Tucker/skills

Best practices for Remotion - Video creation in React. 29 domain-specific rules covering 3D, animations, audio, captions, charts, transitions, and more.

Cody-W-Tucker/skills

Single-page SaaS landing with hero, features, social proof, pricing, and CTA. Respects the active DESIGN.md color/typography/layout tokens. Trigger keywords: "saas landing", "marketing page", "product landing".

Cody-W-Tucker/skills

Single-page SaaS landing with hero, features, social proof, pricing, and CTA. Respects the active DESIGN.md color/typography/layout tokens. Trigger keywords: "saas landing", "marketing page", "product landing".

Cody-W-Tucker/skills

Master April Dunford's 8-step sales narrative from \"Sales Pitch\" (2023). Transform your positioning into a compelling story that wins enterprise deals. Use when: Structuring B2B sales presentations and demos; Creating pitch decks for complex products; Training sales teams on narrative-driven selling; Converting positioning strategy into sales conversations; Winning against entrenched competitors

Cody-W-Tucker/skills

Swiss-style user-research narrative template in warm-paper editorial aesthetics. Use when users ask for a premium research deck or story-first live artifact with minimalist typography, high-clarity layout, subtle motion, donut breakdowns, and keyboard/click navigation across slides in a single HTML file.

Cody-W-Tucker/skills

See, Understand, Act on video and audio. See- ingest from local files, URLs, RTSP/live feeds, or live record desktop; return realtime context and playable stream links. Understand- extract frames, build visual/semantic/temporal indexes, and search moments with timestamps and auto-clips. Act- transcode and normalize (codec, fps, resolution, aspect ratio), perform timeline edits (subtitles, text/image overlays, branding, audio overlays, dubbing, translation), generate media assets (image, audio, video), and create real time alerts for events from live streams or desktop capture.

Cody-W-Tucker/skills

Download YouTube videos with customizable quality and format options. Use this skill when the user asks to download, save, or grab YouTube videos. Supports various quality settings (best, 1080p, 720p, 480p, 360p), multiple formats (mp4, webm, mkv), and audio-only downloads as MP3.

Verwandte Skills