Landing Craft — Skill Demo

57 city aesthetics.
One command.

This page was generated by Landing Craft — a Claude Code skill that turns a product description into a visually striking, multi-section landing page with GSAP animations and real design depth.

View on GitHub v1.7.0
0
City styles
0
Section variants
8
Releases
3
Deploy platforms

57 cities, 57 personalities

Each city defines a complete design system — fonts, colors, textures, motion, and icons.

Kyoto
Wabi-sabi warmth
Paris
Linen elegance
Tokyo Night
Neon precision
New York
Bold editorial
Seoul
K-pop gradient
Beirut
Mediterranean warmth
Portland
Craft industrial
Istanbul
Ottoman dusk
Kyoto
Wabi-sabi warmth
Paris
Linen elegance
Tokyo Night
Neon precision
New York
Bold editorial
Seoul
K-pop gradient
Beirut
Mediterranean warmth
Portland
Craft industrial
Istanbul
Ottoman dusk

What it does

Interactive Style Picker

Browse 57 city-inspired styles in a live browser preview. Click to select.

40+ Section Variants

Hero, features, pricing, testimonials, FAQ, forms, team, gallery, timeline.

Multi-Page Sites

Generate About, Contact, and Blog sub-pages sharing the same design system.

One-Click Deploy

Deploy to Netlify, Vercel, or GitHub Pages directly from the generation flow.

Dark Mode Toggle

Runtime light/dark switch with localStorage persistence. Try it on this page.

Accessibility Built-in

Reduced motion, focus-visible, skip links, semantic HTML, WCAG contrast.

Try it now

Install the skill and say "帮我做一个落地页" to get started.

npx skills add can4hou6joeng4/landing-craft -a claude-code -g -y