Ship Page

Jednoplikowe interaktywne strony docelowe z kuratorskimi presetami projektowymi anty-slop.

Autor: Zooeyii · Zooeyii/ship-page-skill

Testowano · Działa ★ 9.2/10

Ship Page — Jednoplikowe interaktywne strony docelowe z kuratorskimi presetami projektowymi anty-slop.

Co robi ten skill

Generuje strony docelowe w jednym pliku HTML bez budowania, poprzez przepływ pracy odkrywanie-a-następnie-podgląd-stylu-a-następnie-generowanie. Dostarcza 7 kuratorskich presetów projektowych (czcionki, systemy kolorów, style animacji) i bibliotekę szablonów sekcji, z wyraźnymi zasadami przeciwko generycznym wzorcom 'AI slop', takim jak gradienty fioletowy-na-białym i standardowy tekst CTA. Aktywuje się na żądania stron docelowych/launchowych/produktowych lub konwersję README-na-stronę.

Raport z testu

Przeprowadzono rzeczywiste A/B na stronie docelowej narzędzia CLI: moja domyślna podstawa używała Inter, gradientowego bohatera w kolorze fioletowym i słowa 'Revolutionize' - wszystko, co własna lista kontrolna anty-slop umiejętności wyraźnie zakazuje - podczas gdy przebieg sterowany przez umiejętność wybrał preset 'Horizon', dodał prefers-reduced-motion, ujawnienia IntersectionObserver i typ oparty na clamp(), generując wyraźnie bardziej celową, zgodną z marką stronę.

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

Instalacja

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

Komendy i przykładowe prompty

  • /ship-pageJednoplikowe interaktywne strony docelowe z kuratorskimi presetami projektowymi anty-slop.

Skille uruchamiają się na zwykłe polecenia — bez komend do zapamiętania. Po instalacji aktywują go prompty takie jak te (po angielsku):

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