frutiger-aero

Creates Frutiger Aero interface directions with glossy, skeuomorphic design cues for web and app mockups.

41|5|Updated Sep 30, 2025
One-click install
npx skills add https://github.com/efekrbas/discord-hypesquad-manager --skill frutiger-aero
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frutiger-aero
Source: https://github.com/efekrbas/discord-hypesquad-manager/tree/main/.agents/skills/design-it/frutiger-aero
Command: npx skills add https://github.com/efekrbas/discord-hypesquad-manager --skill frutiger-aero

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It helps you turn a vague request for Frutiger Aero into a clear visual direction, so the final design captures glossy plastic, glassy highlights, and optimistic early-2000s nature-tech energy.

Core Features & Use Cases

  • Style translation: Converts a theme brief into Frutiger Aero-friendly design cues such as shiny gradients, translucent panels, bright skies, and water motifs.
  • Implementation guidance: Helps apply the aesthetic across web and app interfaces, including buttons, panels, icons, and hero sections.
  • Use case: A designer asks for a desktop app mockup that feels like Windows Vista meets eco-friendly technology, and the skill guides the colors, shadows, and materials needed to achieve it.

Quick Start

Ask for a Frutiger Aero-inspired interface concept with glossy gradients, translucent glass surfaces, and bright blue and green accents.

Frequently Asked Questions about frutiger-aero

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

FAQPage Schema
How do I create a Frutiger Aero UI design with glossy gradients and glass effects?

To create a Frutiger Aero UI, define clear visual cues for glossy plastic, glassy highlights, and translucent panels. Specify colors, translucency, shadows, typography, and highlight treatments to consistently reproduce the early-2000s nature-tech aesthetic across components.

What is skeuomorphic design and when should I use it for web and app interfaces?

Skeuomorphic design mimics real-world materials like glass and plastic through glossy gradients, shadows, and highlight treatments. Use it for web and app interfaces when aiming for an optimistic early-2000s nature-tech aesthetic with sky-and-water motifs.

Can I apply Frutiger Aero styling to specific UI components like buttons and panels?

Yes, you can apply Frutiger Aero styling to specific UI components. The skill provides implementation guidance for translating aesthetic themes into glossy buttons, translucent glass panels, icons, and hero sections for both web and app mockups.

What colors and motifs are needed to reproduce the Frutiger Aero aesthetic consistently?

Reproducing the Frutiger Aero aesthetic requires bright blue and green colors, sky-and-water motifs, and glassy gradients. You must also provide clear guidance on translucency, shadows, typography, and polished highlight treatments to ensure the visual direction is accurate.

What is the best way to turn a vague Frutiger Aero theme brief into clear interface styling?

The best way to turn a vague Frutiger Aero brief into clear interface styling is by translating it into specific design cues. Focus on shiny gradients, translucent glass surfaces, and polished skeuomorphic details to capture the desired glossy plastic look.