design-system-creator
✓プロダクション対応の CSS を使用して、包括的なデザイン システムとデザイン バイブルを構築します。デザイントークン、コンポーネントライブラリ、CSSアーキテクチャの専門家。デザインシステムの作成、トークンアーキテクチャ、コンポーネントのドキュメント、スタイルガイドの生成に使用します。 「デザインシステム」、「デザイントークン」、「CSSアーキテクチャ」、「コンポーネントライブラリ」、「スタイルガイド」、「デザインバイブル」でアクティベートします。タイポグラフィの詳細 (typography-expert を使用)、色彩理論の数学 (color- Theory-palette-harmony-expert を使用)、ブランド アイデンティティ戦略 (web-design-expert を使用)、または実際の UI 実装 (web-design-expert または Native-app-designer を使用) には使用できません。
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
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-01