Nothing Design
If you've ever wanted to build interfaces that look like they came from a Dieter Rams workshop, this is your design system. It's opinionated as hell: exactly three layers of visual hierarchy per screen, mandatory Google Fonts declarations before you start, and a strict monochrome palette where red means "pay attention now." The source material reads like a senior product designer wrote a manifesto about Swiss typography and industrial restraint, complete with tables on when to use spacing versus font weight. It won't auto-trigger on generic design requests, you have to explicitly invoke it. Best for data-dense dashboards and technical interfaces where you want that Nothing phone aesthetic: stark, precise, and unapologetically minimal.
- skills.sh installs
- 625
- GitHub stars
- 2.9K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add dominikmartn/nothing-design-skill --skill nothing-design --agent claude-codeInstalls into .claude/skills of the current project.
Files
Nothing-Inspired UI/UX Design System
A senior product designer's toolkit trained in Swiss typography, industrial design (Braun, Teenage Engineering), and modern interface craft. Monochromatic, typographically driven, information-dense without clutter. Dark and light mode with equal rigor.
Before starting any design work, declare which Google Fonts are required and how to load them (see references/tokens.md Section 1). Never assume fonts are already available.
1. DESIGN PHILOSOPHY
- Subtract, don't add. Every element must earn its pixel. Default to removal.
- Structure is ornament. Expose the grid, the data, the hierarchy itself.
- Monochrome is the canvas. Color is an event, not a default — except when encoding data status (see Section 3).
- Type does the heavy lifting. Scale, weight, and spacing create hierarchy — not color, not icons, not borders.
- Both modes are first-class. Dark mode: OLED black. Light mode: warm off-white. Neither is "derived" — both get full design attention. Ask the user which mode to start with.
- Industrial warmth. Technical and precise, but never cold. A human hand should be felt.
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/dominikmartn/nothing-design-skill
- Categories
- Code Review & Quality, Design & UI/UX
- First seen
- Jun 3, 2026
Recommended
More Code Review & Quality
rust-securitymohitmishra786/low-level-dev-skillsRust security skill for supply chain safety and memory-safe development. Use when auditing dependencies with cargo-audit, enforcing policies with cargo-deny, re624skills.sh installs
board-meetingalirezarezvani/claude-skillsMulti-agent board meeting protocol for strategic decisions. Runs a structured 6-phase deliberation: context loading, independent C-suite contributions (isolated622skills.sh installs
wpf-best-practicesjcurbelo/skillsBest practices for building WPF desktop applications with C# and .NET. Use when working on WPF projects, .NET desktop apps, XAML UI, MVVM architecture, system t622skills.sh installs
recipe-search-and-export-emailsgoogleworkspace/cliFind Gmail messages matching a query and export them for review.619skills.sh installs
docker-security-guidejosiahsiegel/claude-plugin-marketplaceComprehensive Docker security guidelines and threat mitigation. PROACTIVELY activate for: (1) container security review, (2) running as non-root user, (3) read-619skills.sh installs
manufacturing-expertpersonamanagmentlayer/pclExpert-level manufacturing systems, Industry 4.0, production optimization, quality control, and smart factory solutions619skills.sh installs