ui-design-system
✓デザイン トークンの生成、コンポーネントのドキュメント、レスポンシブ デザインの計算、開発者引き継ぎツールを含む、上級 UI デザイナー向けの UI デザイン システム ツールキット。デザイン システムの作成、視覚的な一貫性の維持、デザインと開発のコラボレーションの促進に使用します。
SKILL.md
Professional toolkit for creating and maintaining scalable design systems.
designtokengenerator.py Generates complete design system tokens from brand colors.
Usage: python scripts/designtokengenerator.py [brandcolor] [style] [format]
デザイン トークンの生成、コンポーネントのドキュメント、レスポンシブ デザインの計算、開発者引き継ぎツールを含む、上級 UI デザイナー向けの UI デザイン システム ツールキット。デザイン システムの作成、視覚的な一貫性の維持、デザインと開発のコラボレーションの促進に使用します。 ソース: majiayu000/claude-arsenal。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/majiayu000/claude-arsenal --skill ui-design-system- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-06
- 更新日
- 2026-02-18
クイックアンサー
ui-design-system とは？
デザイン トークンの生成、コンポーネントのドキュメント、レスポンシブ デザインの計算、開発者引き継ぎツールを含む、上級 UI デザイナー向けの UI デザイン システム ツールキット。デザイン システムの作成、視覚的な一貫性の維持、デザインと開発のコラボレーションの促進に使用します。 ソース: majiayu000/claude-arsenal。
ui-design-system のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/majiayu000/claude-arsenal --skill ui-design-system インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/majiayu000/claude-arsenal
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-06