Ship Page

Pagine di destinazione interattive in file singolo con preset di design anti-slop curati.

di Zooeyii · Zooeyii/ship-page-skill

Promosso ★ 9.2/10

Ship Page — Pagine di destinazione interattive in file singolo con preset di design anti-slop curati.

Cosa fa

Genera pagine di destinazione in singolo file HTML senza build tramite un flusso di lavoro di scoperta-poi-anteprima-stile-poi-generazione. Spedisce 7 preset di design curati (font, sistemi di colori, stili di animazione) e una libreria di template di sezioni, con regole esplicite contro pattern generici di 'slop AI' come sfumature viola su bianco e testo CTA di serie. Si attiva su richieste di landing/launch/product-page o conversione di README in pagina.

Rapporto di test

Ho eseguito un vero A/B su una pagina di destinazione per strumento CLI: la mia baseline predefinita utilizzava Inter, un eroe con sfumatura viola e la parola 'Revolutionize' — tutte cose che la checklist anti-slop dell'abilità stessa vieta esplicitamente — mentre l'esecuzione dell'abilità ha scelto il preset 'Horizon', ha aggiunto prefers-reduced-motion, rivelazioni IntersectionObserver e tipo basato su clamp(), producendo una pagina visibilmente più deliberata e in linea con il marchio.

Testato il: 2026-07-16 · Claude Code 2.x (agent harness)

Installazione

git clone https://github.com/Zooeyii/ship-page-skill.git
mkdir -p ~/.claude/skills
cp -r ship-page-skill ~/.claude/skills/ship-page

Comandi e prompt di esempio

  • /ship-pagePagine di destinazione interattive in file singolo con preset di design anti-slop curati.

Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):

  • Build a landing page for my CLI tool that doesn't look like AI slop.
  • Turn this README into a single-file product launch page.
  • Generate a Product Hunt style landing page with a bold color preset.