nothing-design-skill

Why we included this project

Anyone who uses Claude Code for interface work and keeps describing the same design rules in every prompt will recognize the problem this solves. The skill bundles the Nothing design language into a single folder you drop into your skills directory: a three-layer typographic hierarchy, a specific font stack, dark and light mode tokens, and signature widgets like segmented progress bars and instrument-style toggles. Once installed, saying "/nothing-design" or "Nothing style" makes Claude generate UI that follows those rules consistently, and it can output HTML/CSS, SwiftUI, or React/Tailwind depending on your target platform. The reference files for tokens, components, and platform mappings keep the design decisions explicit and editable, so you can adapt the look instead of treating it as a black box. Teams that want a coherent, opinionated visual language across many screens will get more consistent results without hand-writing every style rule.