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.
你能得到
- 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.
适合场景
- Airline and travel-booking landing pages, flight search and seat-selection flows, destination collections and fare-sale pages that want mid-century poster optimism.
不适合
- Corporate dashboards, data-dense admin screens, luxury-minimal brands, or children's products.
- 名称
- Jet-Age Airline UI
- 下载数
- 1
- 分类
- 设计
- 包含 skills
- 1
下载与安装
更新内容: 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.
登录用户免费下载。
1. 下载 ZIP
点击上方按钮下载打包好的 skill，内含 SKILL.md 及全部配套文件。
2. 解压到 agent 的 skills 目录
解压后确保 SKILL.md 直接位于以 skill 命名的文件夹内：
unzip jet-age-airline-ui-v1.0.0.zip -d ~/.claude/skills/jet-age-airline-ui/各 Agent 的 skills 目录
- Claude Code
- ~/.claude/skills
- Cursor
- ~/.cursor/skills
- Codex
- ~/.codex/skills
- GitHub Copilot
- ~/.copilot/skills
3. 重启你的 agent
下次启动时 agent 会自动识别新 skill，直接问它能做什么。
喜欢这个免费 skill？Premium 解锁 91 个独家 skills。
一次订阅，解锁全部高级 skill、prompt 和内容包，以及未来的每一期新品。
评价
相关技能
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