Ship Page

Single-file interactieve landingspagina's met samengestelde anti-slop design presets.

Door Zooeyii · Zooeyii/ship-page-skill

Getest · Werkt ★ 9.2/10

Ship Page — Single-file interactieve landingspagina's met samengestelde anti-slop design presets.

Wat het doet

Genereert zero-build, single-HTML-file landingspagina's via een discovery-then-style-preview-then-generate workflow. Levert 7 samengestelde design presets (lettertypen, kleursystemen, animatiestijlen) en een sectie template bibliotheek, met expliciete regels tegen generieke 'AI slop' patronen zoals paars-op-witte gradiënten en standaard CTA-tekst. Wordt geactiveerd bij verzoeken om landings-/lanceer-/productpagina's of README-naar-pagina conversie.

Testrapport

Een echte A/B uitgevoerd op een CLI-tool landingspagina: mijn standaard baseline gebruikte Inter, een paarse gradiënt hero, en het woord 'Revolutionize' - allemaal dingen die de eigen anti-slop checklist van de skill expliciet verbiedt - terwijl de skill run de 'Horizon' preset koos, prefers-reduced-motion toevoegde, IntersectionObserver reveals, en clamp()-gebaseerd type, wat resulteerde in een zichtbaar meer doelbewuste, on-brand pagina.

Getest op: 2026-07-16 · Claude Code 2.x (agent harness)

Installatie

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

Commando's en voorbeeldprompts

  • /ship-pageSingle-file interactieve landingspagina's met samengestelde anti-slop design presets.

Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):

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