Nothing Design skill

nothing-design

A skill for generating UI in the Nothing visual language: monochrome, Swiss typography, industrial rigor

  • 2,845 ★ on the repository
  • Last commit
  • MIT
Skill

Minimal access

Why this level

  • The skill is design rules and references only
All reasons and checks

dominikmartn/nothing-design-skill

Install

In your terminal, with SkillFoxx CLI

npx skillfoxx add skills/nothing-design

Detects the agents on your machine, shows the access level and pins the version.

Other ways to install

Access and checks

How we review

Minimal accessThe tool runs nothing and makes no network calls.

  • The skill is design rules and references only

This is third-party code. Review the repository files before installing.

What it does

The skill gives the agent a Nothing-style design system and activates only on an explicit request. It builds interfaces on a three-layer hierarchy of display, body and metadata, using a Space Grotesk, Space Mono and Doto font stack with full token sets for dark and light themes. Its toolkit includes segmented progress bars, mechanical toggles and instrument-style widgets. Output comes as HTML and CSS, SwiftUI or React with Tailwind. References for tokens, components and platform mapping live in the references folder.

Who it is for. For designers and frontend developers who want a monochrome typographic style in the spirit of Nothing.

Good fit when

  • You want an interface in the monochrome Nothing style
  • You need a strict typographic hierarchy without color
  • You build a dashboard or instrument panel with instrument-style widgets

Not a fit when

  • You need a bright, colorful or illustrative design
  • The task is not about UI but general markup

Example request

Design a profile screen in the Nothing style, dark theme

Limitations

The skill triggers only on an explicit command such as Nothing style or /nothing-design and does not activate itself on generic design tasks. It commits to one visual language, not a universal system for any brand.

How to disable. Remove the nothing-design folder from your agent's skills directory.

FAQ

Does the skill self-activate?

No, only on an explicit Nothing-style request, so it does not interfere with generic tasks.

Which output formats are supported?

HTML and CSS, SwiftUI, and React with Tailwind.

Discussion

No questions or reviews yet.

Skills

A UI, presentation and graphics design skill for coding agents: canvas drafts driven through the superdesign CLI

SkillExtended access914Repository stars

A skill that turns reference UIs into a structured design profile in JSON and generates matching UI from your content

SkillExtended access2KRepository stars

A skill with a searchable base of styles, palettes, font pairings and UX rules that generates a design system per product type

SkillExtended access142.1KRepository stars27Installs in 30 days

Meta-skill that reads a brand from a URL, name or screenshot and turns it into a full design system as a new skill

SkillExtended access850Repository stars

A skill that bans the stock AI interface with floating cards, gradients and glass and sets plain sizes, radii and shadows like Linear

SkillMinimal access2.7KRepository stars

A registry of installable design skills: ready SKILL.md and DESIGN.md files with tokens, component rules and accessibility for different styles

SkillMinimal access3.4KRepository stars

README in short

The README explains that the author tired of repeating the same Swiss typography and OLED-black rules to the agent and packaged them into a skill. On a Nothing-style command the agent builds an interface on a three-layer hierarchy, a three-font stack, and a full token system for dark and light themes. It includes segmented progress bars, mechanical toggles and instrument-style widgets. SKILL.md and references for tokens, components and platforms live in the skill folder. MIT licensed.

README badge

Original SKILL.md

---
name: nothing-design
description: This skill should be used when the user explicitly says "Nothing style", "Nothing design", "/nothing-design", or directly asks to use/apply the Nothing design system. NEVER trigger automatically for generic UI or design tasks.
version: 3.0.0
allowed-tools: [Read, Write, Edit, Glob, Grep]
---

# 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.

Report a problem

Foxx AINothing Design
Foxx AI

I am Foxx AI and I have already vetted this tool. Ask about install, setup or anything else, and I will keep it simple.