Art & Design

>- Landing page copywriting strategy — conversion copy frameworks, hero headline patterns, value proposition formulas, CTA copy, social proof placement, objection handling in copy, and A/B testing copy at scale. Based on Joanna Wiebe (Copyhackers), Oli Gardner (Unbounce), CXL (Peep Laja), and Harry Dry (Marketing Examples). Use when writing or optimizing landing page copy, designing hero sections, crafting CTAs, or running copy A/B tests. Triggers on: "landing page copy", "hero copy", "CTA copywriting", "conversion copy", "sales page copy".

Use this skill when a marketer is drafting page copy in Claude/ChatGPT/Gemini and wants page structure and copy that map cleanly to LandingRabbit-supported sections and content items.

Build high-converting landing pages and product sales pages using proven 10-section conversion frameworks. Includes Hero → Social Proof → Benefits → CTA flow for both lead capture and e-commerce pages.

>- Audit and optimize landing pages for conversion — hero/offer/proof/CTA patterns, CRO audits, A/B testing, signup flow optimization. Use when the user wants to improve conversion rates, audit a landing page, optimize a signup flow, or increase demo requests. Triggers on: "landing page", "conversion rate", "CRO", "optimize page", "signup flow", "conversion optimization", "hero section", "improve conversions", "A/B test landing", or any request about improving page conversion.

Design high-converting ecommerce landing page structures with headline copy, hero sections, and CTA placement.

Use when designing or rewriting a high-converting landing page (single-offer page) for SaaS/apps/services. Covers structure, layout patterns, conversion strategies, copywriting, SEO/AEO, and common pitfalls.

Writes complete, structured landing pages optimized for SEO ranking, AEO citation, and visitor conversion. Activate when the user wants to write or generate a landing page for a product, service, or offer.

>- Help non-developers (PMs, designers, marketers) make text, copy, styling, and minor layout changes to any frontend page by describing what they want in plain English. Works with any framework (React, Next.js, Vue, Nuxt, Astro, SvelteKit, Angular, static HTML). Auto-discovers the tech stack, makes edits, verifies the build, and creates a GitHub PR for developer approval. Use when the user wants to update page text, change copy, tweak colors or spacing, update pricing, edit testimonials, modify FAQ content, or make any visual/content change without writing code.

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.

Generates high-converting landing pages as complete Next.js/React (TSX) components with Tailwind CSS. Creates hero sections, feature grids, pricing tables, FAQ accordions, testimonial blocks, and CTA sections using proven copy frameworks (PAS, AIDA, BAB). Outputs SEO meta tags, structured data, and performance-optimised code targeting Core Web Vitals (LCP < 1s, CLS < 0.1). Use when the user asks to create a landing page, marketing page, homepage, single-page site, lead capture page, campaign page, promo page, or conversion-optimised web page — or when they want to A/B test landing page variants or replace a static page with one designed to convert.

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.

Generates a flexible general-purpose landing page with hero, content sections, and CTA. Produces a .tsx file using Neus UI Button, Card, and Link. NO AppTemplate. Use whenever the user asks for: "landing genérica", "página de presentación", "landing de X" (when X is not a SaaS product), "portfolio landing", "landing de empresa", "landing de evento", "agency landing", "personal page". Use when neus-landing-saas doesn't fit the context.

Use when a user wants to create, edit, or manage landing pages with LandingRabbit. This is the main entry point for LandingRabbit interactions.

Audit, write, or redesign product landing pages with a sharp conversion and shareability lens. Use when working on landing pages, launch pages, hero sections, pricing sections, CTAs, testimonials, OG/social preview images, product positioning, paywall strategy, headline memorability, or "make this product/page more viral" requests.

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.

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

Landing page conversion optimization with layout rules, hero section design, and CTA psychology. Covers above-the-fold formula, social proof placement, mobile design, and F-pattern reading. Use for: startup landing pages, product pages, SaaS marketing, conversion optimization. Triggers: la...

Generates a standalone pricing page with plan cards, feature comparison table, FAQ, and CTA. Produces a .tsx file using Neus UI Button, Card, and Link components. NO AppTemplate. Use whenever the user asks for: "página de precios", "pricing page", "planes y precios", "cuánto cuesta", "pricing standalone", "comparar planes", "tabla de precios". Always use for any dedicated pricing page in a Neus UI project.

Generates a marketing page shell without sidebar — sticky header, main content area, footer. Produces a .tsx layout wrapper for landing pages and public-facing pages. NO AppTemplate. Use when user needs the shell structure for marketing pages before adding content. Trigger: "shell de landing", "layout de marketing", "layout sin sidebar", "marketing shell", "layout de página pública", "header + footer layout", "base de landing".

Generates high-converting landing pages as complete Next.js/React (TSX) components with Tailwind CSS. Creates hero sections, feature grids, pricing tables, FAQ accordions, testimonial blocks, and CTA sections using proven copy frameworks (PAS, AIDA, BAB). Outputs SEO meta tags, structured data, a...

Generates high-converting Next.js/React landing pages with Tailwind CSS. Uses PAS, AIDA, and BAB frameworks for optimized copy/components (Heroes, Features, Pricing). Focuses on Core Web Vitals/SEO.

Generates high-converting Next.js/React landing pages with Tailwind CSS. Uses PAS, AIDA, and BAB frameworks for optimized copy/components (Heroes, Features, Pricing). Focuses on Core Web Vitals/SEO.

Writes complete, structured landing pages optimized for SEO ranking, AEO citation, and visitor conversion. Activate when the user wants to write or generate a landing page for a product, service, or offer.

Generates high-converting Next.js/React landing pages with Tailwind CSS. Uses PAS, AIDA, and BAB frameworks for optimized copy/components (Heroes, Features, Pricing). Focuses on Core Web Vitals/SEO.