Communitygithub.com

christianaotic595/nothing-design-skill

Nothing インスパイアデザインスキル。モノクロUIトークン、タイポグラフィルール、工業的なコンポーネントをHTML、SwiftUI、React向けにClaude Codeで作成します。

nothing-design-skill とは?

このスキルは、Claude Code上でNothing社のデザイン言語に触発されたミニマルで工業的なUIを生成するためのスキルです。モノクロームのカラーパレット、専用のタイポグラフィルール、そして統一感のあるコンポーネントライブラリを提供し、HTML、SwiftUI、Reactの3つのフレームワークに対応しています。これを利用することで、開発者はNothing製品に特有の無駄を削ぎ落とした洗練されたビジュアルスタイルを、コードベースで簡単に再現できます。スキルは、UIトークンとして定義された色、フォント、スペーシングの値を使用し、各フレームワーク向けに最適化されたコードスニペットやコンポーネントテンプレートを生成します。主なユースケースとしては、Nothingブランドのランディングページ、モバイルアプリのプロトタイプ、またはReactベースの管理画面などにおける一貫性のあるデザインシステムの構築が挙げられます。

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

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

nothing-design-skill は何をしますか?

Claude Code向けのNothingインスパイアデザインスキル。モノクロUIトークン、タイポグラフィルール、工業的なコンポーネントをHTML、SwiftUI、Reactで作成します。

関連スキル