Art & Design

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.

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.

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

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.

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.

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

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

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.

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

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

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.

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.

Type-specific generation contract for marketing and product landing pages. Use for campaign pages, SaaS landing pages, and conversion-first single-product sites.

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.