Nothing Design System Skill

Skill by ara.so — Design Skills collection.

A reusable design system for generating UI components inspired by Nothing's visual language: monochrome, typographic, industrial, and mechanical. This skill provides a complete token system, component library, and platform-specific output formats.

What This Skill Does

The Nothing Design Skill encodes a complete design system with:

• Three-layer visual hierarchy: Display, body, and metadata typography
• Monochrome palette: Pure blacks (#000000), whites (#FFFFFF), and precise grays
• Industrial components: Segmented progress bars, mechanical toggles, dot-matrix patterns
• Complete theming: Full dark and light mode token systems
• Multi-platform output: HTML/CSS, SwiftUI, React/Tailwind

Installation

Install the skill into your Claude Code skills directory: