Skip to content
Back to skills

Draft Landing

ASecurity

Use when asked to structure a landing page, design page layout for conversion, or plan landing page information architecture. Examples: "landing page structure for SaaS", "conversion-optimized layout"

  • 71 stars
  • 0 votes
  • 0 copies
  • 2 views
  • Added May 27, 2026
toolspythonbash

Works with

  • cli

Security analysis

A100/100

Scanned May 27, 2026

npx -y skills add tonone-ai/tonone --skill draft-landing --agent claude-code

Installs into .claude/skills of the current project.

Are you the author of Draft Landing?

Add the live security badge to your README. It updates with every re-scan.

Security grade badge for Draft Landing
[![Security: A — Skills Directory](https://www.skillsdirectory.com/api/skills/tonone-ai-draft-landing/badge)](https://www.skillsdirectory.com/skills/tonone-ai-draft-landing)

More formats (shields.io, HTML) on the badges page. Keep it an A: scan every change in CI with Pro.

Download with Pro
SKILL.md
---
name: draft-landing
description: |
  Use when asked to structure a landing page, design page layout for conversion,
  or plan landing page information architecture. Examples: "landing page structure
  for SaaS", "conversion-optimized layout"
allowed-tools: Read, Bash, Glob, Grep
version: 0.6.6
author: tonone-ai <hello@tonone.ai>
license: MIT
---

# draft-landing — Landing Page Information Architecture

Follow the output format defined in docs/output-kit.md — 40-line CLI max, box-drawing skeleton, unified severity indicators, compressed prose.

## When to use

User needs a landing page structure, section order, or conversion-optimized layout. Product type is known or discoverable.

## Workflow

1. **Identify product type** from user request or project context
2. **Search landing page patterns:**
   ```bash
   python3 -m draft_agent.uiux search --domain landing --query "{product_type}" --limit 3
   ```
3. **Search product reasoning for audience + conversion context:**
   ```bash
   python3 -m draft_agent.uiux search --domain product --query "{product_type}" --limit 3
   ```
4. **Validate each section** against the "so what?" test — every section must earn its place
5. **Output** section order with CTA placement markers

## Output format

```
┌─ Landing Page IA — {product_type} ──────────────────────────────────┐
│ #  │ Section            │ Purpose                    │ CTA?          │
├────┼────────────────────┼────────────────────────────┼───────────────┤
│  1 │ {section_name}     │ {purpose}                  │ Primary CTA   │
│  2 │ {section_name}     │ {purpose}                  │ —             │
│  3 │ {section_name}     │ {purpose}                  │ Secondary CTA │
│  … │ …                  │ …                          │ …             │
└────┴────────────────────┴────────────────────────────┴───────────────┘

Conversion strategy: {strategy}
CTA copy guidance:   {cta_guidance}
```

## Anti-patterns

- Never skip the "so what?" test per section — if a section can't answer it, cut it
- Never add sections without a clear conversion purpose
- Never place the primary CTA below the fold on the first screen
- Never structure the page without knowing the primary audience and their job-to-be-done

## Delivery

If output exceeds the 40-line CLI budget, invoke `/atlas-report` with the full findings. The HTML report is the output. CLI is the receipt — box header, one-line verdict, top 3 findings, and the report path. Never dump analysis to CLI.

Attribution

Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.

Comments

Loading comments…