Communitygithub.com

christianaotic595/nothing-design-skill

Erstelle eine vom Nothing-Design inspirierte Fähigkeit für Claude Code mit monochromen UI-Tokens, Typografie-Regeln und industriellen Komponenten für HTML, SwiftUI und React.

Was ist nothing-design-skill?

Dieser Skill ermöglicht es Claude Code, UI-Komponenten und Design-Elemente im Stil von Nothing (z. B. Nothing Phone) zu erstellen. Er enthält eine Sammlung von monochromen UI-Tokens, Typografie-Regeln und industriellen Komponenten für die drei wichtigsten Frameworks: HTML, SwiftUI und React. Entwickler können damit schnell konsistente, minimalistische Benutzeroberflächen mit einem charakteristischen monochromen Farbschema, spezifischen Schriftarten und Komponenten erstellen, die an Nothing-Produkte erinnern. Der Skill definiert klare Regeln für Farben, Abstände, Schriftgrößen und Schaltflächenstile, sodass Designs automatisch einheitlich wirken. Er ist besonders nützlich für Projekte, die eine reduzierte Ästhetik mit technischem Anspruch verfolgen, sei es für Webseiten, mobile Apps oder Desktop-Anwendungen. Die Umsetzung erfolgt über standardisierte CSS-Variablen, SwiftUI-Modifier oder React-Props, wobei der Skill bei der Codegenerierung direkt auf die definierten Tokens verweist.

Funktioniert mit✓Claude Code~Codex CLI~Cursor
npx skills add christianaotic595/nothing-design-skill

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht nothing-design-skill?

Erstelle eine vom Nothing-Design inspirierte Fähigkeit für Claude Code mit monochromen UI-Tokens, Typografie-Regeln und industriellen Komponenten für HTML, SwiftUI und React.

Verwandte Skills