Communitygithub.com

Biznomad/agent-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".

What is agent-skills?

agent-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".

Works with~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/Biznomad/agent-skills/tree/HEAD/ads-landing

Ask in your favorite AI

Open a new chat with this agent skill pre-loaded.

Documentation

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
FID/INP<100ms100-200ms>200ms
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

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.

Biznomad/agent-skills

TikTok Ads deep analysis covering creative quality, tracking, bidding, campaign structure, and TikTok Shop. Evaluates 25 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".

Biznomad/agent-skills

YouTube Ads specific analysis covering campaign types, creative quality, audience targeting, and measurement. Evaluates video ad performance across skippable, non-skippable, bumper, Shorts, and Demand Gen formats. Use when user says "YouTube Ads", "video ads", "pre-roll", "bumper ads", "YouTube campaign", or "Shorts ads".

Biznomad/agent-skills

Help users get promoted at work. Use when someone is preparing for a promotion conversation, building their case for advancement, trying to understand what's blocking their promotion, or figuring out how to get to the next level in their career.

Biznomad/agent-skills

CSS animation adapter patterns for HyperFrames. Use when authoring CSS keyframes, animation-delay based timing, animation-fill-mode, animation-play-state, or CSS-only motion that HyperFrames must seek deterministically during preview and rendering.

Biznomad/agent-skills

Video and audio processing with FFmpeg. Use for format conversion, resizing, compression, audio extraction, and preparing assets for Remotion. Triggers include converting GIF to MP4, resizing video, extracting audio, compressing files, or any media transformation task.

Biznomad/agent-skills

Read-only queue dashboard for workspace-aware ship. Shows which VERSION slots are currently claimed by open PRs, which sibling Conductor workspaces have WIP work likely to ship soon, and what slot /ship would pick next. No mutations — just a snapshot. Use when asked to "landing report", "what's in the queue", "show me open PRs", or "which version do I claim next". (gstack)

Biznomad/agent-skills

HyperFrames CLI dev loop — `npx hyperframes` for scaffolding (init), validation (lint, inspect), preview, render, and environment troubleshooting (doctor, browser, info, upgrade). Use when running any of these commands or troubleshooting the HyperFrames build/render environment. For asset preprocessing commands (`tts`, `transcribe`, `remove-background`), invoke the `hyperframes-media` skill instead.

Biznomad/agent-skills

Asset preprocessing for HyperFrames compositions — text-to-speech narration (Kokoro), audio/video transcription (Whisper), and background removal for transparent overlays (u2net). Use when generating voiceover from text, transcribing speech for captions, removing the background from a video or image to use as a transparent overlay, choosing a TTS voice or whisper model, or chaining these (TTS → transcribe → captions). Each command downloads its own model on first run.

Biznomad/agent-skills

Install and wire registry blocks and components into HyperFrames compositions. Use when running hyperframes add, installing a block or component, wiring an installed item into index.html, or working with hyperframes.json. Covers the add command, install locations, block sub-composition wiring, component snippet merging, and registry discovery.

Biznomad/agent-skills

Create video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene transitions in HyperFrames HTML. Use when asked to build any HTML-based video content, add captions or subtitles synced to audio, generate text-to-speech narration, create audio-reactive animation (beat sync, glow, pulse driven by music), add animated text highlighting (marker sweeps, hand-drawn circles, burst lines, scribble, sketchout), or add transitions between scenes (crossfades, wipes, reveals, shader transitions). Covers composition authoring, timing, media, and the full video production workflow. For dev-loop CLI commands (init, lint, inspect, preview, render) see the hyperframes-cli skill; for asset preprocessing commands (tts, transcribe, remove-background) see the hyperframes-media skill.

Biznomad/agent-skills

Still-to-video conversion guide: model selection, motion prompting, and camera movement. Covers Wan 2.5 i2v, Seedance, Fabric, Grok Video with when to use each. Use for: animating images, creating video from stills, adding motion, product animations. Triggers: image to video, i2v, animate image, still to video, add motion to image, image animation, photo to video, animate still, wan i2v, image2video, bring image to life, animate photo, motion from image

Biznomad/agent-skills

>- The Landing Page Audit skill performs comprehensive evaluations of post-click experiences, combining technical performance analysis with conversion rate optimization (CRO) assessment.

Biznomad/agent-skills

Write high-converting landing page copy using proven frameworks like PAS (Problem-Agitate-Solution), AIDA, and StoryBrand. Creates headlines, value propositions, CTAs, and full page sections optimized for conversion. Use when users need landing page copy, sales page content, or marketing website text.

Biznomad/agent-skills

Optimize landing pages for higher conversion rates using proven frameworks and design patterns. Use when designing, reviewing, or improving landing pages, hero sections, pricing pages, CTAs, or when the user asks about conversion optimization.

Biznomad/agent-skills

Read-only queue dashboard for workspace-aware ship. (gstack)

Biznomad/agent-skills

Building promotion cases, brag documents, tracking wins, and self-advocacy for career advancement. Use when preparing for promotions, documenting accomplishments, or building your case for advancement.

Biznomad/agent-skills

Best practices for Remotion - Video creation in React

Biznomad/agent-skills

Translate an existing Remotion (React-based) video composition into a HyperFrames HTML composition. Use ONLY when the user explicitly asks to port, convert, migrate, translate, or rewrite a Remotion composition as HyperFrames (e.g. "port my Remotion project to HyperFrames"). Do NOT use when (a) authoring a NEW HyperFrames composition (even if A/B-testing a Remotion video); (b) Remotion is mentioned in passing; (c) Remotion code is shared as reference, not for translation; (d) the user wants "the same video as my Remotion one" without explicitly asking to migrate the source — treat as a fresh HyperFrames build. When in doubt, default to the `hyperframes` skill. Detects unsupported patterns (useState, useEffect side effects, async calculateMetadata, third-party React component libraries, `@remotion/lambda`) and recommends the runtime interop escape hatch instead of a lossy translation.

Biznomad/agent-skills

Produce programmable videos with Remotion using scene planning, asset orchestration, and validation gates for automated, brand-consistent video content.

Biznomad/agent-skills

Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval is earned.

Related Skills