Landing Page
Un solo archivo es todo un sitio de producto, y se ve genial también en el móvil
Una landing page de marketing en un solo archivo HTML: hero, puntos de dolor, solución, funciones, precios, testimonios, FAQ y CTA. Cero dependencias, funciona sin conexión.

Instálala en 3 pasos
Sin registro. Sin herramientas CLI. Elige tu IA, copia una línea y pégala.
¿Prefieres hacerlo tú mismo? Compra la habilidad ($4.99), descarga el ZIP desde la confirmación de compra, descomprímelo en el directorio que se muestra arriba y reinicia tu sesión de IA — el mismo resultado. ¿Ya la compraste? Tu asistente de IA puede descargarla por ti.
Prueba en el mundo real
Gente real hizo este mismo trabajo con agentes de IA.
Run web research jobs and capture screenshots into a doc
Leer el caso →Caso de usoEdit keynote videos with motion graphics using a video agent
Leer el caso →Caso de usoLet an AI CEO run a small security scanner business
Leer el caso →Qué incluye
Un SKILL.md (la guía paso a paso) + una plantilla inicial. Una vista previa:
Landing Page
When to use
- A new product/service is launching and you need a shareable link that looks great on phones
- You're running an event, course, or signup and need a single page that explains the offer and collects leads
- A small business (B&B, café, studio) needs a more polished front door than a social feed
- Before sending a proposal, send a link so the other party understands who you are in 3 minutes
- No full website, no frameworks — just one file that opens with a double-click
Workflow
- Distill the pitch (input: product description → output: selling-point list)
Ask 4 things: ① what the product is in one sentence ② who the target user is ③ how it beats competitors (max 3 points) ④ what you want visitors to do after reading (message us / fill in a form / place an order / call). Selling points must be concrete — no unverifiable fluff like "premium quality" or "the ultimate experience". - Lock the structure (input: selling-point list → output: 8-section outline)
Lay out per the 8-section output spec: for each section write its goal (one sentence), what content goes in, and what image/button it pairs with. The CTA must appear at least 3 times on the page (hero, mid-page, closing), with copy tweaked slightly to fit each context. - Write the copy (input: outline → output: section-by-section copy)
Plain-language standard: headlines ≤15 chars, readable aloud in one breath; open the pain-point section with "Sound familiar?…" and 3 concrete scenarios; in the features section each item = "feature name + one-line benefit"; write 5 FAQ questions users would actually ask (price, support, how to get started…) — no softball questions that only exist to brag. - Generate the page (input: copy → output: single HTML file)
Build on the template.html skeleton: swap in the copy, adjust the palette (warm paper is the default, or match the brand color), fill in real contact details. All styles inline, zero external dependencies — one file, double-click to open. - Mobile self-check (input: HTML → output: checklist)
Verify each item: ① the headline + CTA are visible on a phone without scrolling ② buttons are easy to tap with a finger (height ≥44px) ③ images have alt text ④ no horizontal scrollbar ⑤ zero external requests (opens offline). - Honesty check (input: HTML → output: revision notes)
Check: does the price say "starting at / what's included"; do testimonials have real sources (never invent reviews); do outcome promises leave room ("helps" not "guarantees"). Fix copy directly when something's off — no settling.
Output spec
Vista previa de la plantilla
Your Product Name — One-Line Pitch /* ===== Colors (warm paper look): to rebrand, just edit these 4 variables ===== */ :root{ --paper:#faf6ef; /* paper background */ --ink:#3a2e24; /* dark-brown body text */ --accent:#c2703d; /* ochre accent: buttons, prices, keywords */ --card:#fffdf8; /* card background */ --line:#e8dcc8; /* divider lines */ } *{margin:0;padding:0;box-sizing:border-box} body{ background:var(--paper); color:var(--ink); /* System font stack: zero external dependencies, works offline */ font-family:-apple-system,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif; line-height:1.7; } .wrap{max-width:720px;margin:0 auto;padding:0 20px}
El paquete de la habilidad (SKILL.md + plantilla) está escrito en inglés.


