aero-ds

Apply Aero DS design tokens and spacing rules to BirdAI SaaS UI surfaces.

Updated Apr 7, 2026
One-click install
npx skills add https://github.com/balajik-cmyk/aero-ds --skill aero-ds
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: aero-ds
Source: https://github.com/balajik-cmyk/aero-ds/tree/main/.claude/skills/aero-ds
Command: npx skills add https://github.com/balajik-cmyk/aero-ds --skill aero-ds

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Aero DS provides design intelligence and governance for the BirdAI ShareConsolidated SaaS shell, aligning tokens, typography, and shell architecture across dashboards, agents, settings, and workflows.

Core Features & Use Cases

  • Design-system tokens mapping to theme.css and Tailwind utilities
  • Storybook-based verification for tokens, components, and spacing
  • Guidance for full-page builds from Figma or screenshots and floating right drawers
  • Not intended for generic marketing sites; focused on in-app SaaS surfaces

Quick Start

Review the repo's Design System and Shell guidelines to apply Aero DS rules to UI tasks in this repository.

Frequently Asked Questions about aero-ds

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

FAQPage Schema
How do I ensure design token consistency when building SaaS UI dashboards?

To ensure design token consistency for SaaS UI dashboards, apply design-system guidance that maps theme.css tokens to Tailwind utilities and enforces spacing-grid rules across all shell surfaces.

How do I verify Storybook DesignTokens for in-app SaaS workflows?

You verify Storybook DesignTokens for in-app SaaS workflows by applying design-system rules that reference token definitions and validate component spacing against the established grid.

Can I use design system tokens for generic marketing sites?

Design system tokens are not intended for generic marketing sites. The design guidance is focused specifically on in-app SaaS surfaces such as dashboards, agents, settings, and workflows.

What is the best way to build full-page SaaS UI from Figma designs?

The best way to build full-page SaaS UI from Figma designs is to codify design intelligence rules that govern typography, token mapping, and floating right drawers for shell-architecture consistency.

Does this design system guidance work with Tailwind and theme.css?

Yes, this design system guidance works with Tailwind and theme.css by mapping design-system tokens directly to theme.css variables and Tailwind utilities for consistent UI implementation.

When should I not use aero-ds for UI development?

You should not use this design system guidance for generic marketing sites or projects outside the BirdAI ShareConsolidated SaaS shell, as it strictly codifies token and typography rules for in-app surfaces.