AI Services Market
AI Services Market › Fabbrica delle skill › Web › Landing Page
$4.99 · Nessun login necessariov1.0.0– visualizzazioni

Landing Page

Un solo file ed è un intero sito di prodotto — bellissimo anche da telefono

Una landing page di marketing in un unico file HTML: hero, problemi, soluzione, funzionalità, prezzi, testimonianze, FAQ e CTA. Zero dipendenze, funziona offline.

Anteprima di Landing Page
Ideale per
Piccole imprese, indie hacker, organizzatori di eventi
Tempo necessario
~30 min per andare online
Livello
Adatto ai principianti

Installala in 3 passaggi

Nessuna registrazione. Nessuno strumento da riga di comando. Scegli la tua AI, copia una riga e incollala.

Pro — tutte le 511 skill

Preferisci fare da te? Acquista la skill ($4.99), scarica lo ZIP dalla conferma d'acquisto, decomprimilo nella cartella mostrata sopra e riavvia la sessione della tua AI — stesso risultato. L'hai già acquistata? Il tuo assistente AI può scaricarla per te.

Prove dal mondo reale

Persone vere hanno svolto proprio questo lavoro con agenti IA.

Cosa contiene

Un file SKILL.md (la guida operativa) + un modello di partenza. Un'anteprima:

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

Anteprima del modello

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}

Il pacchetto della skill (SKILL.md + modello) è scritto in inglese.

Pro — tutte le 511 skill

Potrebbe piacerti anche