skills.rest
Zooeyii
ZooeyiiCOMMUNITY
Explore all skills by this author →
GitHub

ship-page

Generate interactive landing pages from plain text descriptions into a single HTML file.

10|1|Updated Mar 5, 2026
Search Tags:#landing page#design system#web design#marketing tool#interactive web page
One-click install
npx skills add https://github.com/Zooeyii/ship-page-skill --skill ship-page
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ship-page
Source: https://github.com/Zooeyii/ship-page-skill/tree/main
Command: npx skills add https://github.com/Zooeyii/ship-page-skill --skill ship-page

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill solves the problem of creating professional, interactive landing pages quickly and easily, without any design or coding skills required.

Core Features & Use Cases

  • Generate Landing Pages: Create landing pages from scratch or convert GitHub READMEs into interactive web pages.
  • Custom Styles: Choose from 7 curated design presets or mix elements to create a unique style for your page.
  • Interactive Elements: Add scroll animations, animated counters, particle effects, and micro-interactions to make your page stand out.
  • Zero Dependencies: Single HTML file, no frameworks or build tools needed.

Quick Start

Use the ship-page skill to create a landing page for your product. Describe your product and the style you want.

Frequently Asked Questions about ship-page

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a landing page from plain text without coding?▼

You can generate interactive landing pages from plain text descriptions by providing a simple prompt. The tool uses YAML configuration, HTML/CSS/JS templates, and design system presets to instantly output a single HTML file.

Can I convert a GitHub README into an interactive web page?▼

Yes, converting GitHub READMEs into interactive web pages is supported. You can transform static documentation into a styled landing page using the available HTML/CSS/JS templates and seven curated design presets.

Do I need any web frameworks or build tools to generate a landing page?▼

No web frameworks or build tools are needed to generate a landing page. The output is a single HTML file with zero dependencies, making it easy to deploy and host anywhere immediately.

What interactive elements can I add to a marketing web page?▼

Interactive elements for marketing web pages include scroll animations, animated counters, particle effects, and micro-interactions. These are applied via design system presets to make your page stand out without manual coding.

How do I customize the style of an interactive landing page?▼

Customizing an interactive landing page involves choosing from seven curated design presets or mixing elements to create a unique style. This allows rapid prototyping and marketing page creation tailored to your brand.

Does this landing page generator work with Claude Code?▼

Yes, the landing page generator works with Claude Code. It processes your plain text product descriptions and design preferences to produce a self-contained HTML file for rapid marketing deployment.

Related Skills

Explore More Marketing & Sales Skills→
PriyanshKuniyalPriyanshKuniyal

brand-landingpage

Generate brand-first landing pages via user interviews and the Stitch SDK.

Community
Advanced
citedycitedy
31

citedy-lead-magnets

Generate lead magnets and host a lead capture page for email collection.

Official
Advanced
Kabilan108Kabilan108
2

playground

Create interactive single-file HTML playgrounds with inline CSS and JavaScript.

Community
Basic
gabelulgabelul
38

stitch-loop

Iteratively build multi-page websites with Google Stitch MCP using a baton-driven loop.

Community
Advanced