skills.rest
Jeff-Stapleton
Jeff-StapletonCOMMUNITY
Explore all skills by this author →
GitHub

breeze-design

Enforce Moxy Design System 2.0 standards for Breeze Airways frontend interfaces.

1|Updated Feb 16, 2026
Search Tags:#frontend#design system#ui/ux#aviation#breeze airways#moxy design
One-click install
npx skills add https://github.com/Jeff-Stapleton/dotclaude --skill breeze-design
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: breeze-design
Source: https://github.com/Jeff-Stapleton/dotclaude/tree/main/.claude/skills/breeze-design
Command: npx skills add https://github.com/Jeff-Stapleton/dotclaude --skill breeze-design

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill ensures that all frontend interfaces for Breeze Airways operations applications adhere to the Moxy Design System 2.0, maintaining brand consistency and operational clarity.

Core Features & Use Cases

  • Brand Compliance: Enforces Breeze Airways' specific color palettes, typography, and spacing.
  • Operational UI Patterns: Provides guidance on designing for clarity under stress, data density, and status indication crucial for aviation operations.
  • Use Case: When building a new web component for the Breeze Airways flight dispatcher dashboard, use this skill to ensure all colors, fonts, and spacing align with the Moxy Design System and that critical status information is clearly presented.

Quick Start

Use the breeze-design skill to generate a React component for a flight status card adhering to Moxy Design System 2.0 guidelines.

Frequently Asked Questions about breeze-design

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

FAQPage Schema
How do I build Breeze Airways frontend interfaces that comply with the Moxy Design System?▼

To build Breeze Airways frontend interfaces, enforce the Moxy Design System 2.0 standards by applying specified brand colors, Poppins and Open Sans typography, and the defined token system for production-grade web components.

What is the Moxy Design System 2.0 standard for UI/UX components?▼

The Moxy Design System 2.0 standard is a frontend guideline for Breeze Airways that specifies brand colors, typography, and token systems to ensure UI/UX consistency and operational clarity across aviation web applications.

How do I design aviation operational UI patterns for high-stress data density?▼

Designing aviation operational UI patterns requires prioritizing clarity under stress and appropriate data density, utilizing specific status indications and accessible design patterns to ensure critical flight information is clearly presented.

Can I use this to generate a React component for a flight dispatcher dashboard?▼

Yes, you can use this skill to generate a React component for a flight dispatcher dashboard, ensuring that all colors, fonts, and spacing align with the Moxy Design System and critical status information is clearly presented.

Does the Breeze Airways frontend design system specify exact typography and color tokens?▼

Yes, the Breeze Airways frontend design system specifies exact typography using Poppins and Open Sans fonts, alongside precise brand color palettes and a comprehensive token system for spacing and UI compliance.

Why does my aviation web application need specialized operational UI patterns?▼

Aviation web applications need specialized operational UI patterns to maintain clarity under stress, manage high data density, and provide accurate status indication crucial for high-stakes Breeze Airways flight operations.

Related Skills

Explore More Design & Creative Skills→
yonatangrossyonatangross
3

design-system-starter

Generate design tokens, atomic components, and documentation templates for UI systems.

Community
Advanced
Prathmesh2000Prathmesh2000
1

frontend-implementer

Generate React UI components, hooks, and test scaffolding with standardized patterns.

Community
Intermediate
CallMeLuigiv2CallMeLuigiv2

web-design-guidelines

Audit UI code against current Web Interface Guidelines for accessibility and UX compliance.

Community
Basic
boomNDSboomNDS

web-component-design

Create reusable UI components across React, Vue, and Svelte.

Community
Advanced