elite-design-core
✓エリート Web デザインのエントリー ポイント。設計哲学、ビジュアル システム、設計からコードまでのプロセスについて説明します。プレミアム Web サイトのデザイン、受賞歴のある美学、デザイン システム、視覚的階層、間隔、タイポグラフィ、色彩理論、または「これをプロフェッショナルに見せる方法」について質問された場合に使用します。このスキルは、他のすべてのエリート Web デザイン スキルに影響を与える基本的な考え方を提供します。新しいプロジェクトやデザインの方向性を確立する場合は、ここから始めてください。
SKILL.md
| Visual hierarchy | visual-hierarchy.md | | Spacing systems | spacing-systems.md | | Typography | typography.md | | Color theory | color-theory.md |
Restraint Over Excess Every element earns its place. Remove until it breaks, then add back one thing.
Intentional Motion Animations guide attention and communicate state - never decoration. Each animation answers: "What does this help the user understand?"
エリート Web デザインのエントリー ポイント。設計哲学、ビジュアル システム、設計からコードまでのプロセスについて説明します。プレミアム Web サイトのデザイン、受賞歴のある美学、デザイン システム、視覚的階層、間隔、タイポグラフィ、色彩理論、または「これをプロフェッショナルに見せる方法」について質問された場合に使用します。このスキルは、他のすべてのエリート Web デザイン スキルに影響を与える基本的な考え方を提供します。新しいプロジェクトやデザインの方向性を確立する場合は、ここから始めてください。 ソース: rshvr/elite-web-design。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/rshvr/elite-web-design --skill elite-design-core- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-11
- 更新日
- 2026-02-18
クイックアンサー
elite-design-core とは？
エリート Web デザインのエントリー ポイント。設計哲学、ビジュアル システム、設計からコードまでのプロセスについて説明します。プレミアム Web サイトのデザイン、受賞歴のある美学、デザイン システム、視覚的階層、間隔、タイポグラフィ、色彩理論、または「これをプロフェッショナルに見せる方法」について質問された場合に使用します。このスキルは、他のすべてのエリート Web デザイン スキルに影響を与える基本的な考え方を提供します。新しいプロジェクトやデザインの方向性を確立する場合は、ここから始めてください。 ソース: rshvr/elite-web-design。
elite-design-core のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/rshvr/elite-web-design --skill elite-design-core インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/rshvr/elite-web-design
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-11