Ship Page

Enfiliga interaktiva landningssidor med kurerade anti-slop design-förinställningar.

av Zooeyii · Zooeyii/ship-page-skill

Testad · Fungerar ★ 9.2/10

Ship Page — Enfiliga interaktiva landningssidor med kurerade anti-slop design-förinställningar.

Vad den gör

Genererar noll-bygg, en-HTML-fil landningssidor genom ett arbetsflöde för upptäckt-sedan-stil-förhandsgranskning-sedan-generering. Levererar 7 kurerade design-förinställningar (teckensnitt, färgsystem, animationsstilar) och ett bibliotek med sektionsmallar, med explicita regler mot generiska 'AI-slop'-mönster som lila-på-vit gradienter och standard CTA-text. Triggas på landnings-/lansering-/produktsidesförfrågningar eller README-till-sida-konvertering.

Testrapport

Körde en verklig A/B på en landningssida för CLI-verktyg: min standardbaslinje använde Inter, en lila gradient-hjälte, och ordet 'Revolutionize' – allt som färdighetens egen anti-slop-checklista uttryckligen förbjuder – medan färdighetskörningen valde 'Horizon'-förinställningen, lade till prefers-reduced-motion, IntersectionObserver-avslöjanden och clamp()-baserad typografi, vilket producerade en visuellt mer medveten, varumärkesanpassad sida.

Testad: 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

Kommandon och exempelprompter

  • /ship-pageEnfiliga interaktiva landningssidor med kurerade anti-slop design-förinställningar.

Skills triggas av vanliga förfrågningar — inga kommandon att memorera. Efter installationen aktiverar prompter som dessa skillen (på engelska):

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