What does /draft-landing do?

It structures landing page IA with section order, validates each against the 'so what?' test, and marks CTA placement.

How do I install /draft-landing?

Install Tonone for Claude Code via tonone.ai/get-started.

AI Landing Page Information Architecture

Landing pages get built section by section. Hero, features, social proof, pricing, FAQ, CTA. Most pages have all the sections and convert poorly because the order is wrong, the sections do not earn their place, and the CTAs are buried. The 'so what?' test is the simplest fix: read each section and ask whether the visitor leaves more convinced after reading it. Sections that fail the test waste attention.

The /draft-landing skill structures landing page IA. Section order calibrated to the audience. Each section validated against the 'so what?' test. CTA placement markers. The output is the structure, not the visual design; that comes from /form-web.

What the IA includes

Section list with order: hero, problem, solution, social proof, features, objections, FAQ, CTA (with variations). Each section's job in one sentence. CTA placement: above the fold, after social proof, after pricing. So what? validation per section.

Tonone's /draft-landing skill structures landing page IA with section order, the 'so what?' test, and CTA placement markers.

DraftUX Design

/draft-landing

Structures landing page information architecture for conversion-optimized layouts. Validates each section against the 'so what?' test and outputs section order with CTA placement markers.

When designing a landing page structure, ordering …

DraftUX Design

/draft-ia

Designs information architecture: navigation structure, content hierarchy, sitemap, and taxonomy for a product or feature set. Maps where every page and section lives and how users navigate between them. Produces a Mermaid sitemap and written rationale for every structural decision.

When redesigning navigation and need a structural …

PitchProduct Marketing

/pitch-landing

Structures a launch landing page around positioning, messaging, and conversion. Layers in CTA strategy, social proof placement, and objection handling for a specific audience.

When a landing page needs to be structured around …

FormVisual Design

/form-web

Designs a landing page or marketing website: section hierarchy and flow, visual layout for each section, content structure and hierarchy, hero section treatment, and conversion flow optimization. Specifies layout, components, and visual treatment at a level of detail Prism can implement without further design clarification.

When designing a product landing page, marketing s…

Install

/draft-landing ships with the Draft agent in Tonone for Claude Code.

1. Add to marketplace

$ claude plugin marketplace add tonone-ai/tonone

2. Install Draft

$ claude plugin install draft@tonone-ai

Frequently asked questions

What does /draft-landing do?: It structures landing page IA with section order, validates each against the 'so what?' test, and marks CTA placement.
How do I install /draft-landing?: Install Tonone for Claude Code via tonone.ai/get-started.