Ship Page

Páginas de destino interactivas de un solo archivo con preajustes de diseño curados anti-'slop'.

Por Zooeyii · Zooeyii/ship-page-skill

Probado · Funciona ★ 9.2/10

Ship Page — Páginas de destino interactivas de un solo archivo con preajustes de diseño curados anti-'slop'.

Qué hace

Genera páginas de destino de un solo archivo HTML sin compilación a través de un flujo de trabajo de descubrimiento-luego-vista previa de estilo-luego-generación. Envía 7 preajustes de diseño curados (fuentes, sistemas de color, estilos de animación) y una biblioteca de plantillas de sección, con reglas explícitas contra patrones genéricos de 'slop de IA' como degradados de púrpura sobre blanco y copias de CTA de stock. Se activa ante solicitudes de páginas de destino/lanzamiento/producto o conversión de README a página.

Informe de la prueba

Ejecuté una A/B real en una página de destino de herramienta CLI: mi línea base predeterminada usó Inter, un héroe con degradado púrpura y la palabra 'Revolutionize' — todo lo que la propia lista de verificación anti-'slop' de la habilidad prohíbe explícitamente — mientras que la ejecución de la habilidad eligió el preajuste 'Horizon', agregó prefers-reduced-motion, revelaciones de IntersectionObserver y tipo basado en clamp(), produciendo una página visiblemente más deliberada y en marca.

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

Instalación

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

Comandos y prompts de ejemplo

  • /ship-pagePáginas de destino interactivas de un solo archivo con preajustes de diseño curados anti-'slop'.

Los skills se activan con peticiones en lenguaje natural, sin comandos que memorizar. Tras instalarlo, prompts como estos lo activan (en inglés):

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