# nothing-design

This skill guides Nothing-style interface work with monochrome layouts and strict type hierarchy. It runs only after an explicit request.

- skill · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · ★ 336
- Author: harperreed
- License: not stated · policy=link-only · description only; the file stays with the author
- Source: https://github.com/harperreed/dotfiles/tree/HEAD/.claude/skills-archive/nothing-design/SKILL.md
- Updated: 2026-10-15
- HTML: https://affpapa.org/en/nevibecode/skills/nothing-design

## What it does

nothing-design guides interface work inspired by Nothing’s visual language. It favors monochrome surfaces, strong type-led hierarchy, deliberate asymmetry, sparse accents, and separate treatment for light and dark modes. The skill organizes each screen into three priority levels and keeps the font, size, and weight choices tightly limited.

Before design work begins, it requires the agent to name the Google Fonts needed and explain how they should be loaded. Project access is handled through `Read`, `Write`, `Edit`, `Glob`, and `Grep`. The skill does not activate for a generic UI request; the user must ask for Nothing styling directly, such as `/nothing-design`.

## Install

### Claude Code (native platform)

1. **Skills CLI (Vercel)**
```bash
npx skills add harperreed/dotfiles --skill nothing-design -a claude-code
```

2. **Manually: put the files in place**
- File: `~/.claude/skills/nothing-design/SKILL.md` — Copy the whole skill folder; for one project use .claude/skills/nothing-design/

### Codex

1. **Skills CLI (Vercel)**
```bash
npx skills add harperreed/dotfiles --skill nothing-design -a codex
```

2. **Manually: put the files in place**
- File: `.agents/skills/nothing-design/SKILL.md` — For all projects use ~/.agents/skills/

### Cursor

1. **Skills CLI (Vercel)**
```bash
npx skills add harperreed/dotfiles --skill nothing-design -a cursor
```

2. **Manually: put the files in place**
- File: `.cursor/skills/nothing-design/SKILL.md` — Cursor also reads .agents/skills/ and .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install harperreed/dotfiles nothing-design
```

2. **Manually: put the files in place**
- File: `.github/skills/nothing-design/SKILL.md`

### Gemini CLI

1. **Skills CLI (Vercel)**
```bash
npx skills add harperreed/dotfiles --skill nothing-design -a gemini-cli
```

2. **Platform CLI**
```bash
gemini skills install https://github.com/harperreed/dotfiles --path .claude/skills-archive/nothing-design
```

### Windsurf (Devin Desktop)

**Manually: put the files in place**
- File: `.devin/skills/nothing-design/SKILL.md` — The legacy .windsurf/skills/ path still works

### OpenCode

**Skills CLI (Vercel)**
```bash
npx skills add harperreed/dotfiles --skill nothing-design -a opencode
```

### Claude.ai

**Claude.ai**
- Zip the folder and upload it in Settings → Capabilities → Skills

Where a file is given instead of a command, copy the files from the source to that path: https://github.com/harperreed/dotfiles/tree/HEAD/.claude/skills-archive/nothing-design/SKILL.md

## When to use it
- shape a monochrome interface system
- build a screen with three priority levels
- limit typography choices across a page
- create matching light and dark layouts
- place one strong visual break in a restrained composition

## Example prompts
- Apply `/nothing-design` to this dashboard and keep its data structure intact.
- Redesign this screen in Nothing style, starting by listing the required Google Fonts and their loading method.
- Rework the page with three visual priority levels, a monochrome palette, and one accent.

## Similar
- [frontend-design](https://affpapa.org/en/nevibecode/skills/frontend-design.md) — skill · 1025790 installs
- [grill-me](https://affpapa.org/en/nevibecode/skills/grill-me.md) — skill · 1424476 installs
- [design-taste-frontend](https://affpapa.org/en/nevibecode/skills/design-taste-frontend.md) — skill · 678700 installs
- [prototype](https://affpapa.org/en/nevibecode/skills/prototype.md) — skill · 986201 installs
- [grilling](https://affpapa.org/en/nevibecode/skills/grilling.md) — skill · 979543 installs
- [codebase-design](https://affpapa.org/en/nevibecode/skills/codebase-design.md) — skill · 850344 installs

From the same set: [harperreed/dotfiles](https://affpapa.org/en/nevibecode/by/harperreed/dotfiles.md) — 26 cards

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md