nothing-design

nothing-design is a skill for Claude Code from marcusquinn/aidevops. It costs 50 tokens per session (517 once invoked), scanned A, original, MIT.

A visual design system inspired by the Nothing brand, with rules for typography, colour, spacing, components, and interface layouts.

In plain words
What is it for?
It helps create monochrome, typography-led screens and apply the same design rules across web and mobile interfaces.
Why use it?
It gives developers a consistent visual direction when building an interface in HTML, CSS, React, or SwiftUI.

Skill for Claude Code

Written for Claude Code: shipped in a Claude Code plugin. Also seen: mentions subagents; installed under .agents/ (shared by several agents).

Part of the aidevops plugin — 13 skills, 128 commands shipped together

Good fit It helps create monochrome, typography-led screens and apply the same design rules across web and mobile interfaces.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/marcusquinn/aidevops/nothing-design
Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent
npx skills add marcusquinn/aidevops --skill nothing-design
Clone the repo
git clone --depth 1 https://github.com/marcusquinn/aidevops

Made for: Claude Code.

Or install aidevops, the plugin that ships this one along with the rest of its 13 skills, 128 commands.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for nothing-design

README.md
[![agentmods](https://agentmods.dev/badge/skills/marcusquinn/aidevops/nothing-design/github.svg)](https://agentmods.dev/skills/marcusquinn/aidevops/nothing-design)
Your own site
<a href="https://agentmods.dev/skills/marcusquinn/aidevops/nothing-design"><img src="https://agentmods.dev/badge/skills/marcusquinn/aidevops/nothing-design/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for nothing-design

Your own site · 80×15
<a href="https://agentmods.dev/skills/marcusquinn/aidevops/nothing-design"><img src="https://agentmods.dev/badge/skills/marcusquinn/aidevops/nothing-design.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 50 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 517 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00050 $0.00517
Opus 5 $0.00025 $0.00259
Sonnet 5 $0.00010 $0.00103
Haiku 4.5 $0.00005 $0.00052

Measured 7d ago against content hash e5312e52e6dd, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-11, from the pricing page.

Security

Grade A, and why

nothing-design scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 7d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

.agents/tools/ui/nothing-design-skill.md · 36 lines

What it actually says

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.

Before starting, declare required Google Fonts and ask for mode (dark/light). See nothing-design-skill/tokens.md.

Index

  • nothing-design-skill/01-philosophy.md — Core design principles and industrial warmth.
  • nothing-design-skill/02-craft-rules.md — Visual hierarchy, font discipline, spacing, and the "Nothing Vibe".
  • nothing-design-skill/03-anti-patterns.md — What to never do (no gradients, shadows, or toasts).
  • nothing-design-skill/04-workflow.md — Step-by-step design process.
  • nothing-design-skill/tokens.md — Exact values for fonts, color, spacing, and dot-matrix.
  • nothing-design-skill/components.md — Component patterns and specs.
  • nothing-design-skill/platform-mapping.md — Output conventions for HTML/CSS, SwiftUI, and React.

Relationship to DESIGN.md

This skill is a complete design system equivalent to a DESIGN.md file, but in aidevops agent format with progressive disclosure across multiple files. It predates the DESIGN.md standard but covers the same ground -- philosophy (section 1), tokens/colours (section 2), typography (section 3), components (section 4), spacing (section 5), anti-patterns (section 7).

For projects using the DESIGN.md standard (tools/design/design-md.md), this skill's tokens can be exported to DESIGN.md format. For generic design work, prefer the DESIGN.md library (tools/design/library/) and use this skill only when the user explicitly requests Nothing-style design.

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 7d ago First seen · 36 lines · 50 tokens per session scan A e5312e52e6dd

Subscribe to this mod's changes

nothing-design is a skill published in the GitHub repository marcusquinn/aidevops (394 stars, last pushed today), licensed MIT. It adds 50 tokens to every session and 517 once invoked, about $0.0003 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-09-03.

Related

Other skills, from other repositories

multi-surface-render

Multi-surface rendering with json-render — one JSON spec produces React web, Next.js, React Native, Ink terminal UIs, PDFs, emails, Remotion videos, OG images, and 3D scenes. Covers renderer target selection, registry mapping, and platform APIs (renderToBuffer, renderToStream, renderToFile). Use when generating output…

yonatangross/orchestkit · 98 tokens

design-stylecards

Declarative catalog of named aesthetic recipes — exact shadow stacks, glass surfaces, gradient treatments, and type scales as copy-paste values with Use-When and Avoid rules. Use when the user asks for polished elevation, glassmorphism, a border gradient, a mesh background, or any 'make it look like X' request where…

yonatangross/orchestkit · 86 tokens

web-artifacts-builder-v2

Suite of tools for creating elaborate, multi-component claude.ai HTML artefacts using modern frontend web technologies (React 19, Tailwind CSS v4, shadcn/ui). Use for complex artefacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artefacts.

sammcj/agentic-coding · 73 tokens

cosmic

Futuristic sci-fi aesthetic with dark themes, vibrant neon accents, and immersive spatial elements.

bergside/awesome-design-skills · 22 tokens

lingo

Playful, minimal design with bright colors, rounded shapes, tactile 3D borders, and friendly illustrations for approachable interfaces.

bergside/awesome-design-skills · 28 tokens

modern

Contemporary editorial style with serif typography, minimal palettes, and clean layouts for polished digital products.

bergside/awesome-design-skills · 21 tokens