airship-one-design

Enforce Airship One UI design guardrails for rem sizing and 24-row text rhythm.

1|Updated Feb 14, 2026
One-click install
npx skills add https://github.com/TimelessP/airshipone --skill airship-one-design
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: airship-one-design
Source: https://github.com/TimelessP/airshipone/tree/main/.github/skills/airship-one-design
Command: npx skills add https://github.com/TimelessP/airshipone --skill airship-one-design

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill enforces consistent UI and visual design principles for the Airship One project, ensuring a cohesive and user-friendly experience across the application.

Core Features & Use Cases

  • Visual Guardrails: Defines rules for layout, sizing, typography, and theming.
  • Responsive Design: Ensures UI adapts gracefully to different viewport sizes.
  • Theming Support: Manages light and dark theme modes with a specific Victorian aesthetic.
  • Use Case: When implementing a new UI element, consult this skill to ensure it adheres to the established rem-based sizing, 24-row text rhythm, and Victorian color palette.

Quick Start

Apply the airship-one-design skill to ensure the new UI component follows the rem-based sizing and 24-row text rhythm.

Frequently Asked Questions about airship-one-design

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

FAQPage Schema
How do I enforce rem-based sizing and 24-row text rhythm in frontend UI design?

To enforce rem-based sizing and 24-row text rhythm in frontend UI design, apply visual guardrails that validate layout composition and typography against strict development scripts and live URL checks. This ensures consistent structural alignment across the application.

What are UI guardrails for square-viewport composition and how do they work?

UI guardrails for square-viewport composition are enforced design rules that govern layout, typography, and theming. They work by validating UI element placement against development scripts to ensure cohesive visual adaptation across different viewport sizes.

Can I use standard frontend UI components with a Victorian aesthetic and dark theme?

Yes, you can use standard frontend UI components with a Victorian aesthetic by applying specific theming support rules. These rules manage light and dark theme modes while enforcing the required Victorian color palette.

What is the best way to validate top bar placement rules in a visual design system?

The best way to validate top bar placement rules in a visual design system is to run live URL checks against predefined development scripts. This process ensures the top bar adheres to strict UI placement requirements.

Does the Airship One design system support responsive layout validation for new UI elements?

Yes, the Airship One design system supports responsive layout validation for new UI elements. It ensures the UI adapts gracefully to different viewport sizes by validating against established rem-based sizing and text rhythm rules.