Nothing Design System Skill

Skill by ara.so — Design Skills collection.

A Claude Code skill for generating UI components inspired by Nothing's visual language. Creates monochrome, typographic, industrial interfaces with Swiss typography, OLED blacks, segmented progress bars, and dot-matrix motifs.

What It Does

This skill provides a complete design system that enforces:

• Three-layer visual hierarchy: Display, body, metadata (nothing more)
• Monochrome palette: True blacks (#000000) for OLED, pure whites, controlled grays
• Typography stack: Space Grotesk (display), Space Mono (mono), Doto (dot-matrix)
• Mechanical components: Segmented progress bars, industrial toggles, instrument-style widgets
• Multi-platform output: HTML/CSS, SwiftUI, or React/Tailwind

Installation