Ship Page

Interaktive Einzelseiten-Landingpages mit kuratierten Anti-Slop-Design-Presets.

von Zooeyii · Zooeyii/ship-page-skill

Getestet · Funktioniert ★ 9.2/10

Ship Page — Interaktive Einzelseiten-Landingpages mit kuratierten Anti-Slop-Design-Presets.

Was es kann

Generiert Zero-Build-, Single-HTML-File-Landingpages durch einen Discovery-then-Style-Preview-then-Generate-Workflow. Bietet 7 kuratierte Design-Presets (Schriftarten, Farbsysteme, Animationsstile) und eine Bibliothek von Abschnittsvorlagen, mit expliziten Regeln gegen generische 'AI-Slop'-Muster wie Lila-auf-Weiß-Verläufe und Standard-CTA-Texte. Löst bei Anfragen für Landing-/Launch-/Produktseiten oder bei der Konvertierung von README zu Seite aus.

Testbericht

Ein echtes A/B für eine CLI-Tool-Landingpage wurde ausgeführt: Meine Standardbasislinie verwendete Inter, einen lila Farbverlauf-Hero und das Wort 'Revolutionize' – alles Dinge, die die eigene Anti-Slop-Checkliste des Skills explizit verbietet –, während der Skill-Lauf das 'Horizon'-Preset wählte, prefers-reduced-motion, IntersectionObserver-Enthüllungen und clamp()-basierte Typografie hinzufügte, was eine sichtbar bewusstere, markenkonforme Seite erzeugte.

Getestet am: 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

Befehle & Beispiel-Prompts

  • /ship-pageInteraktive Einzelseiten-Landingpages mit kuratierten Anti-Slop-Design-Presets.

Skills reagieren auf normale Anfragen — keine Slash-Befehle nötig. Nach der Installation aktivieren Prompts wie diese den Skill (auf Englisch):

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