Jet-Age Airline UI
SkillStack Official
Jet-age airline poster UI for travel-booking sites — bold flat color, sunburst and globe motifs, a ticket-stub booking widget, hand-drawn destination posters, and a complete 3-step flight booking flow with an interactive seat map. Mid-century optimism in vanilla CSS/JS with reduced-motion fallbacks.
Build me an airline booking page in jet-age poster style, with a ticket-stub search widget and a seat map.
What you get
- SKILL.md with IP guardrails, workflow, tokens/components/motion summaries and QA checklist; references/design-tokens.md, references/components.md, references/snippets.md with paste-ready vanilla code; two working demo pages (landing-page.html and booking.html) plus locally bundled Archivo/Inter/Space Mono fonts.
Good fit
- Airline and travel-booking landing pages, flight search and seat-selection flows, destination collections and fare-sale pages that want mid-century poster optimism.
Not for
- Corporate dashboards, data-dense admin screens, luxury-minimal brands, or children's products.
- Name
- Jet-Age Airline UI
- Downloads
- 1
- Category
- Design
- Skills inside
- 1
Download & install
What's new: v1.0.0 — Jet-age airline poster style for travel booking: fictional brand Meridian Air, ticket-stub search widget, 4 hand-drawn destination posters, fare ticker, cabin classes, FAQ, and a 3-step booking flow (pick flight, pick seat, confirm) with interactive seat map and live fare summary. 10 motion modes with prefers-reduced-motion fallbacks.
Free for signed-in users.
1. Download the ZIP
Use the button above to download the packaged skill. It contains the SKILL.md plus all supporting files.
2. Unzip into your agent's skills folder
Extract the archive so that SKILL.md sits directly inside a folder named after the skill:
unzip jet-age-airline-ui-v1.0.0.zip -d ~/.claude/skills/jet-age-airline-ui/Skills folder per agent
- Claude Code
- ~/.claude/skills
- Cursor
- ~/.cursor/skills
- Codex
- ~/.codex/skills
- GitHub Copilot
- ~/.copilot/skills
3. Restart your agent
Your agent picks up the new skill automatically on next launch. Ask it what it can do.
Like this free skill? Premium unlocks 91 exclusive skills.
One subscription unlocks every premium skill, prompt and pack — plus all future drops.
Reviews
Related skills
Terminal Retro UI
Terminal Retro UI
Design websites in the Retro Terminal / CRT phosphor style — glowing monospace type on near-black, scanline + vignette overlays, zero rounded corners, bracket buttons, ASCII meters, blinking block cursors, typewriter/boot motion.
Claude Code · Codex · Cursor · Copilot +3
Y2K Chrome UI
Y2K Chrome UI
Build Y2K chrome interfaces — liquid-metal display type, inflatable bubble shapes, iridescent gradients and playful early-internet details for streetwear, music, beauty and youth brands.
Claude Code · Codex · Cursor · Copilot +3
Bauhaus Geometry UI
Bauhaus Geometry UI
Build Bauhaus geometry interfaces — primary-color blocks, circle-triangle-square compositions, strict grids and bold geometric type for architecture studios, design practices and modern brands.
Claude Code · Codex · Cursor · Copilot +3
Groovy 70s UI
Groovy 70s UI
Build warm 1970s groovy retro landing pages — burnt orange, mustard and avocado on cream paper, rainbow arches, wavy headlines, and spinning vinyl motifs. Includes a vinyl record shop demo with crate filters and a live format-priced detail panel.
Claude Code · Codex · Cursor · Copilot +3