SkillsCategoriasSobre

Nothing Design Skill: minimalismo industrial que transforma o output do Claude

por Fabricio Telles··design.app.br

Instalação

◇ git clone https://github.com/dominikmartn/nothing-design-skill.git && cp -r nothing-design-skill/nothing-design ~/.claude/skills/
→ Repositório

Repositório do Nothing Design Skill no GitHub — 1.2k stars

O problema que o Nothing Design resolve

Você descreve “design minimalista” para a IA e recebe Inter, fundo branco, cards com sombra suave. Descreve “industrial” e recebe… a mesma coisa com fonte monospace. O Claude não tem vocabulário para estéticas específicas. O Nothing Design Skill dá esse vocabulário — mas apenas para uma estética: a linguagem visual da Nothing.

Dominik Martin criou essa skill porque cansou de repetir as mesmas regras de design para o Claude: tipografia suíça, pretos OLED, barras de progresso segmentadas, motivos dot-matrix. Empacotou tudo em uma skill reutilizável.

O que está dentro

A skill tem 4 arquivos com propósitos claros:

ArquivoConteúdo
SKILL.mdFilosofia de design, regras de craft, workflow
references/tokens.mdCores, fontes, espaçamento, tokens de motion
references/components.mdBotões, cards, listas, tabelas, overlays
references/platform-mapping.mdMapeamento para CSS, SwiftUI, React

Princípios de design

A hierarquia visual é brutalmente simples: três camadas e nada mais.

  1. Display — títulos grandes, impactantes
  2. Body — texto de leitura
  3. Metadata — informação secundária, menor

O font stack é Space Grotesk + Space Mono + Doto. O sistema de tokens cobre dark mode e light mode completos. Os componentes seguem a estética mecânica da Nothing: barras de progresso segmentadas, toggles mecânicos, widgets estilo instrumento.

Multi-plataforma

O que chama atenção no lado técnico é o mapeamento de plataforma. A mesma especificação de design gera output em três formatos: HTML/CSS puro, SwiftUI nativo, ou React com Tailwind. Isso é raro em skills de design — a maioria assume que você está no browser.

Como instalar

git clone https://github.com/dominikmartn/nothing-design-skill.git
cp -r nothing-design-skill/nothing-design ~/.claude/skills/

Depois, use /nothing-design ou diga “Nothing style” no Claude Code.

Limitações

É uma skill de nicho. Se você não quer estética industrial monocromática, pula fora. Não tem sistema de customização como os dials do Taste Skill ou o /teach-impeccable do Impeccable. É pegar ou largar — e quem quer esse estilo específico vai gostar exatamente por isso.

Fonte: github.com/dominikmartn/nothing-design-skill

Skills relacionadas