visual-design-foundations
✓タイポグラフィー、色彩理論、間隔システム、図像の原則を適用して、一貫したビジュアル デザインを作成します。デザイン トークンを確立する場合、スタイル ガイドを構築する場合、または視覚的な階層と一貫性を改善する場合に使用します。
インストール
SKILL.md
Build cohesive, accessible visual systems using typography, color, spacing, and iconography fundamentals.
Line Height Guidelines: | Text Type | Line Height |
| Headings | 1.1 - 1.3 | | Body text | 1.5 - 1.7 | | UI labels | 1.2 - 1.4 |
タイポグラフィー、色彩理論、間隔システム、図像の原則を適用して、一貫したビジュアル デザインを作成します。デザイン トークンを確立する場合、スタイル ガイドを構築する場合、または視覚的な階層と一貫性を改善する場合に使用します。 ソース: wshobson/agents。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/wshobson/agents --skill visual-design-foundations- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
visual-design-foundations とは？
タイポグラフィー、色彩理論、間隔システム、図像の原則を適用して、一貫したビジュアル デザインを作成します。デザイン トークンを確立する場合、スタイル ガイドを構築する場合、または視覚的な階層と一貫性を改善する場合に使用します。 ソース: wshobson/agents。
visual-design-foundations のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/wshobson/agents --skill visual-design-foundations インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/wshobson/agents