Ship Page

Enkelt-fil interaktive landingssider med kuraterede anti-slop design presets.

Af Zooeyii · Zooeyii/ship-page-skill

Testet · Virker ★ 9.2/10

Ship Page — Enkelt-fil interaktive landingssider med kuraterede anti-slop design presets.

Hvad det gør

Genererer zero-build, single-HTML-fil landingssider gennem en discovery-then-style-preview-then-generate workflow. Leverer 7 kuraterede design presets (skrifttyper, farvesystemer, animationsstilarter) og et sektions skabelonbibliotek, med eksplicitte regler mod generiske 'AI slop' mønstre som lilla-på-hvid gradienter og standard CTA-tekst. Udløses ved landing/launch/product-page anmodninger eller README-til-side konvertering.

Testrapport

Kørte en rigtig A/B på en landing page for CLI-værktøj: min standard baseline brugte Inter, en lilla gradient hero, og ordet 'Revolutionize' - alt sammen ting, som skill'ens egen anti-slop tjekliste eksplicit forbyder - mens skill-kørslen valgte 'Horizon' preset, tilføjede prefers-reduced-motion, IntersectionObserver reveals, og clamp()-baseret typografi, hvilket producerede en synligt mere bevidst, on-brand side.

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

Installation

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

Kommandoer og eksempelprompter

  • /ship-pageEnkelt-fil interaktive landingssider med kuraterede anti-slop design presets.

Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen aktiverer prompter som disse skillen (på engelsk):

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