--- title: "Design System - Air Market" description: "You are building an interface and every color, gap and font size is a fresh decision, so nothing quite matches. This sets those decisions up as named values in your CSS, layered from raw numbers to n…" canonical: "https://airmarket.ai/app/design-system" --- [Air Market](/) / [Design](/category/design) / Design System Skill by [Next Level Builder](/@nextlevelbuilder) # Design System Put your colors, spacing, components and slides on one system ## What this does You are building an interface and every color, gap and font size is a fresh decision, so nothing quite matches. This sets those decisions up as named values in your CSS, layered from raw numbers to names that say what they are for to the choices a single component makes. Spacing and type sizes come from a scale, so you pick from a set instead of inventing a number each time. ### Top 3 things it does for you - Set up layered design tokens as CSS variables - Define shared spacing and typography scales - Write specs for interface components ## Information **Design System at a glance** | | | | --- | --- | | Kind | Skill | | Publisher | [Next Level Builder](/@nextlevelbuilder) | | Category | [Design](/category/design) | | Works with | Agent Skills - an open standard supported by 40+ agents | | Languages | en | | Version | 1.0.0 | | Size | 175 KB | | Licence | MIT | | Repository | [nextlevelbuilder/ui-ux-pro-max-skill](https://github.com/nextlevelbuilder/ui-ux-pro-max-skill/tree/12b486b22e67f5d887962ef8351c1ac863bfaeb9/cli/assets/skills/design-system) | | GitHub stars | 147,157 (as of Nov 2026) | | Installs | 51,252, counted by skills.sh (Nov 2026) | ## Security report **Verified.** AIR scanned this exact version of Design System and flagged nothing. AIR's verdict: **safe**. **What Design System's check was run against** | | | | --- | --- | | Commit | 12b486b22e67f5d887962ef8351c1ac863bfaeb9 | | Content hash | 2a6e4b57983c21b8bbccf79dfa938d1878a626e31269fdaaa16c74b1c69d29df | | Files read | [Browse the files at this exact commit](https://github.com/nextlevelbuilder/ui-ux-pro-max-skill/blob/12b486b22e67f5d887962ef8351c1ac863bfaeb9/cli/assets/skills/design-system/SKILL.md) | A scan is named by the exact content it read, not by a version number. A different version is a different artifact, and nothing here applies to a version AIR has not scanned. [Read the full security report for Design System](/security/design-system) ## About Design System Design decisions live in tokens arranged as layers: raw primitive values, then semantic names, then component-level choices, expressed as CSS variables. Around the tokens it defines spacing and typography scales, so sizes are picked from a system rather than improvised each time. It writes specifications for components, giving each piece of the interface a documented target to be built against. For presenting, it generates strategic slides aimed at staying compliant with your brand. The intended uses are design tokens, systematic design, and brand-compliant presentations. ## What's inside - SKILL.md - instructions - data/slide-backgrounds.csv - data - data/slide-charts.csv - data - data/slide-color-logic.csv - data - data/slide-copy.csv - data - data/slide-layout-logic.csv - data - data/slide-layouts.csv - data - data/slide-strategies.csv - data - data/slide-typography.csv - data - references/component-specs.md - reference - references/component-tokens.md - reference - references/primitive-tokens.md - reference - references/semantic-tokens.md - reference - references/states-and-variants.md - reference - references/tailwind-integration.md - reference - references/token-architecture.md - reference - scripts/embed-tokens.cjs - scripts/fetch-background.py - script - scripts/generate-slide.py - script - scripts/generate-tokens.cjs - scripts/html-token-validator.py - script - scripts/search-slides.py - script - scripts/slide_search_core.py - script - scripts/slide-token-validator.py - script - scripts/tests/test_validate_tokens.py - script - scripts/validate-tokens.cjs - templates/design-tokens-starter.json - data ## Questions ### Is Design System safe to install? AIR scanned this exact version of Design System and flagged nothing. AIR's verdict: safe. The verdict is named by the content that was read, at commit 12b486b22e67, so it cannot drift onto a version nobody scanned. The full report is at https://airmarket.ai/security/design-system. ### How do I install Design System? Open https://airmarket.ai/app/design-system on Air Market and use the install action: Air Market hands Claude a prompt naming this exact skill, and Claude sets it up. Source, pinned to the exact commit this listing describes: https://github.com/nextlevelbuilder/ui-ux-pro-max-skill/tree/12b486b22e67f5d887962ef8351c1ac863bfaeb9/cli/assets/skills/design-system. Install from that link, not the branch. ## Related on Air Market - [More Design listings](/category/design) - [Everything by Next Level Builder](/@nextlevelbuilder) --- Canonical URL: