AI Services Market
AI Services Market › Fábrica de habilidades › Web › Landing Page
$4.99 · Sin registrov1.0.0– vistas

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.

Vista previa de Landing Page
Ideal para
Pequeñas empresas, creadores independientes y organizadores de eventos
Tiempo necesario
~30 min para lanzar
Nivel
Apto para principiantes

Instálala en 3 pasos

Sin registro. Sin herramientas CLI. Elige tu IA, copia una línea y pégala.

Pro — las 511 habilidades

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

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

  1. 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".
  2. 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.
  3. 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.
  4. 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.
  5. 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).
  6. 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.

Pro — las 511 habilidades

También te puede interesar