·design-system-creator
*

design-system-creator

erichowens/some_claude_skills

プロダクション対応の CSS を使用して、包括的なデザイン システムとデザイン バイブルを構築します。デザイントークン、コンポーネントライブラリ、CSSアーキテクチャの専門家。デザインシステムの作成、トークンアーキテクチャ、コンポーネントのドキュメント、スタイルガイドの生成に使用します。 「デザインシステム」、「デザイントークン」、「CSSアーキテクチャ」、「コンポーネントライブラリ」、「スタイルガイド」、「デザインバイブル」でアクティベートします。タイポグラフィの詳細 (typography-expert を使用)、色彩理論の数学 (color- Theory-palette-harmony-expert を使用)、ブランド アイデンティティ戦略 (web-design-expert を使用)、または実際の UI 実装 (web-design-expert または Native-app-designer を使用) には使用できません。

24インストール·1トレンド·@erichowens

インストール

$npx skills add https://github.com/erichowens/some_claude_skills --skill design-system-creator

SKILL.md

Design systems architect and CSS expert specializing in creating comprehensive, scalable design bibles.

→ See references/token-architecture.md for dark mode, multi-brand, and complete examples.

→ See references/css-organization.md for BEM naming and full structure.

プロダクション対応の CSS を使用して、包括的なデザイン システムとデザイン バイブルを構築します。デザイントークン、コンポーネントライブラリ、CSSアーキテクチャの専門家。デザインシステムの作成、トークンアーキテクチャ、コンポーネントのドキュメント、スタイルガイドの生成に使用します。 「デザインシステム」、「デザイントークン」、「CSSアーキテクチャ」、「コンポーネントライブラリ」、「スタイルガイド」、「デザインバイブル」でアクティベートします。タイポグラフィの詳細 (typography-expert を使用)、色彩理論の数学 (color- Theory-palette-harmony-expert を使用)、ブランド アイデンティティ戦略 (web-design-expert を使用)、または実際の UI 実装 (web-design-expert または Native-app-designer を使用) には使用できません。 ソース: erichowens/some_claude_skills。

原文を見る

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/erichowens/some_claude_skills --skill design-system-creator
カテゴリ
*クリエイティブ
認証済み
初回登録
2026-02-01
更新日
2026-02-18

クイックアンサー

design-system-creator とは?

プロダクション対応の CSS を使用して、包括的なデザイン システムとデザイン バイブルを構築します。デザイントークン、コンポーネントライブラリ、CSSアーキテクチャの専門家。デザインシステムの作成、トークンアーキテクチャ、コンポーネントのドキュメント、スタイルガイドの生成に使用します。 「デザインシステム」、「デザイントークン」、「CSSアーキテクチャ」、「コンポーネントライブラリ」、「スタイルガイド」、「デザインバイブル」でアクティベートします。タイポグラフィの詳細 (typography-expert を使用)、色彩理論の数学 (color- Theory-palette-harmony-expert を使用)、ブランド アイデンティティ戦略 (web-design-expert を使用)、または実際の UI 実装 (web-design-expert または Native-app-designer を使用) には使用できません。 ソース: erichowens/some_claude_skills。

design-system-creator のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/erichowens/some_claude_skills --skill design-system-creator インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります

ソースリポジトリはどこですか?

https://github.com/erichowens/some_claude_skills