Frutiger Aero UI preview 1
1 / 3
Live demo
Open the actual demo page in a new tab — click, hover and scroll it for real.
Open demo
FreeFeaturedvv1.0.0

Build Frutiger Aero interfaces — glossy translucent glass, sky-to-grass gradients, floating bubbles, lens flare and optimistic nature-meets-tech visuals for eco tech, home appliances, wellness and clean consumer brands.

Works withClaude CodeCodexCursorCopilotGemini CLIWindsurfCline
Try it

Build me a Frutiger Aero landing page for a home air purifier, with a glossy hero device, bubble field, glass cards and an air-score meter.

What you get

  • SKILL.md with IP guardrails, workflow and motion system, plus design-tokens, components and snippets references, and two working demos: a glossy AERIS home air-care landing page and a live configurator with model, gloss color and add-on pricing.

Good fit

  • Eco tech, home appliances, air and water care, smart gardens, wellness hardware and clean consumer brands that want a fresh, friendly, optimistic first impression.

Not for

  • Banks, hospitals, luxury serif brands, legal or government services, or dense data dashboards where gloss would hurt readability and trust.
Name
Frutiger Aero UI
Downloads
1
Category
Design
Skills inside
1

Download & install

vv1.0.0Updated 10/24/2026 · 21.2 KB · 8 files · 1 downloads

What's new: v1.0.0: Frutiger Aero system — sky-to-grass gradients, glossy hero device, glass cards, bubble field, air-score meter and live configurator. Fictional AERIS home air-care demos, pure CSS/SVG, no photography.

Sign in to download

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 frutiger-aero-ui-vv1.0.0.zip -d ~/.claude/skills/frutiger-aero-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 77 exclusive skills.

One subscription unlocks every premium skill, prompt and pack — plus all future drops.

See Premium →

Reviews

No reviews yet — be the first to rate this skill.

Related skills

FreeFeatured
91.3k

taste-skill

Leonxlnx/taste-skill

Taste-Skill - gives your AI good taste. Stops the AI from generating boring, generic slop.

Design
FreeFeatured
74.5k

archify

tt-a1i/archify

Agent skill for beautiful, verifiable architecture, workflow, sequence, data-flow, and lifecycle diagrams.

Design
FreeFeatured

PPT Design

PPT Design

Design and generate pitch-grade PowerPoint decks with python-pptx — 3 original themes, 10 slide-type layouts, slide copy rules, and chart patterns. Download includes a ready-to-run generator script and an 8-slide sample deck.

Claude Code · Codex · Cursor · Copilot +3

Design
FreeFeatured

Swiss Type UI

Swiss Type UI

Swiss International Typographic Style web UI skill: strict 12-column grids, black-white-signal red palette, one neo-grotesque typeface with typographic scale contrast, and hairline rules. Precision-first layouts for SaaS, data products, docs sites and portfolios.

Claude Code · Codex · Cursor · Copilot +3

Design