nothing-design-ui-skill
Installation
SKILL.md
Nothing Design UI Skill
Skill by ara.so — Design Skills collection.
A design system skill for generating UI components in Nothing's distinctive visual language: monochrome aesthetics, Swiss typography, industrial precision, and OLED-optimized contrast.
What This Skill Does
The Nothing Design Skill enables AI agents to generate UI components following Nothing's design principles:
- Three-layer visual hierarchy: Display, body, metadata — no more complexity
- Monochrome foundation: OLED blacks (#000000), pure whites (#FFFFFF), precise grays
- Typography-first: Space Grotesk (display), Space Mono (code/data), Doto (dot-matrix accents)
- Industrial components: Segmented progress bars, mechanical toggles, instrument-style widgets
- Multi-platform output: HTML/CSS, SwiftUI, React/Tailwind