agentsclimarketplace

Landing page builder

Skill redwoodmeridian/ranql-skills/plugins/ranql/skills/landing-page-builder

Claude Code plugin: turn Claude into your law firm's marketing operator with the Ranql MCP. Competitor ad teardowns, brand extraction, on-brand creative (static and video), landing pages and campaigns. Built by Irfad Imtiaz, CTO of Ranql.

Install
npx -y skills add redwoodmeridian/ranql-skills --skill landing-page-builder

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

2 things to look at

  • no licenseNo license file was found in the repository. Code published without one is not open source by default, so using it at work is a question for whoever answers licensing questions where you are.
  • 1 stars1 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

What its author says it does

Copied from the file, not written here

Use when an ad or campaign needs somewhere to send people — build and deploy a conversion landing page (and its lead magnet). Triggers include "build a landing page", "where does the ad go", "I need a page for this campaign", "landing page", "lead magnet", "the checklist download", or when campaign-builder flags that an ad has no destination. Generates a fast on-brand LP with a lead form and deploys it via GitHub + Vercel, guiding the user through tokens/accounts if needed. Requires brand-kit-extractor (look) and the ad's offer (from ad-creative-studio).

SKILL.md

4.1 KB, as published. Nobody here has run it

Landing Page Builder

An ad without a destination doesn't convert. When a campaign promises "get your free case value" or "download the crash-claim checklist," that thing has to exist and live somewhere. This skill builds the page + the lead magnet and puts it online.

Step 0 — Ask first (don't build/deploy uninvited)

Deploying to the web is outward-facing. Confirm with the user:

"Your ad promises '[offer]'. I can build a matching landing page with a lead form and put it live for you. Want me to? It'll live at a Vercel URL (free) — I'll walk you through the two logins you'll need (GitHub + Vercel)."

Only proceed on a yes.

Step 1 — Design the page (match the ad, match the brand)

The page must feel like the ad it came from — same hook, same offer, same brand. A mismatch kills conversions.

  • Above the fold: the ad's hook as the H1, a one-line subhead, the offer, and the lead form (name, phone, email, "what happened?" — keep it short; every field costs conversions).
  • Proof: results, reviews (pull from reviews_google / reviews_detailed_analysis), years, local, "no fee unless we win."
  • The offer/lead magnet: if it's a checklist/guide, generate the actual PDF (the crash-claim checklist, the "what to say to the adjuster" one-pager) so there's something real to deliver.
  • Trust + compliance: badges, "Attorney Advertising," privacy note, TCPA consent line on the form if they'll call/text leads.
  • Speed + mobile: most ad clicks are mobile — it must be fast and thumb-friendly. Build it lean (static HTML/CSS or a minimal Next.js page).
  • Tracking: Meta Pixel + a lead event on form submit, and UTM parameters preserved, so campaign-builder and Ranql can attribute. Where do form submissions go? — email, a webhook, or a simple form service (ask the firm).

Use the brand-kit-extractor output for exact colors/fonts/logo. See references/landing-page-checklist.md.

Step 2 — Deploy via GitHub + Vercel

Ask whether they already have GitHub and Vercel accounts.

If they do: guide them to create access tokens (or use a connected Vercel/GitHub integration if available):

  • GitHub: Settings → Developer settings → Personal access tokens → generate a token with repo scope. Paste it to me.
  • Vercel: Account Settings → Tokens → create a token. Paste it to me. Then: create a repo, push the site, and deploy to Vercel (or import the GitHub repo into Vercel). Return the live URL.

If they don't have accounts: walk them through it, plainly:

  1. Create a free GitHub account (github.com) → then the personal access token above.
  2. Create a free Vercel account (vercel.com), sign in with GitHub → then the Vercel token.
  3. Come back with both tokens and I'll deploy.

Detailed, copy-pasteable steps: references/deploy-github-vercel.md.

Never hard-code or commit their tokens. Use them for the deploy, don't store them, and don't print them back.

Step 3 — Hand off

  • Give the live URL (use it as the ad's destination in campaign-builder).
  • Confirm the form works (submit a test) and leads land where the firm expects.
  • Save the page source to a findable folder and give the path (same rule as ad-creative-studio).
  • Note what's still manual (custom domain, CRM wiring) so nothing is silently half-done.

Guardrails

  • Confirm before deploying (outward-facing).
  • Real lead capture only — never a form that goes nowhere.
  • Compliance: TCPA consent for calls/texts, "Attorney Advertising," privacy policy link.
  • Tokens are secrets — use, don't store, don't echo.

Keep looking

Skills are one crate of 328,083. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.