Nothing Design Skillとは
Claude Codeで「Nothingスタイル」のUIを生成するためのスキル。スイスタイポグラフィ、OLEDブラック、セグメンテッドプログレスバー、ドットマトリクスモチーフといったデザインルールを毎回手打ちする手間を省く。
デザイン言語の構成
3階層のビジュアルヒエラルキー(display / body / metadata)を軸に、Space Grotesk・Space Mono・Dotoのフォントスタックを採用。ダーク・ライト両モードのトークンシステムを備え、セグメンテッドプログレスバーやメカニカルトグルなど独自のコンポーネントスタイルが定義されている。
出力対象
HTML/CSS、SwiftUI、React/Tailwindの3プラットフォームに対応。/nothing-designコマンドまたは「Nothing style」で呼び出せる。
リポジトリにはデザイン哲学(SKILL.md)、トークン定義(tokens.md)、コンポーネント仕様(components.md)、プラットフォーム別マッピング(platform-mapping.md)が整理されている。GitHubスター1.5k超、MITライセンス。