visual-design-foundations とは？
タイポグラフィー、色彩理論、間隔システム、図像の原則を適用して、一貫したビジュアル デザインを作成します。デザイン トークンを確立する場合、スタイル ガイドを構築する場合、または視覚的な階層と一貫性を改善する場合に使用します。 ソース: ma1orek/replay。
·visual-design-foundations
*
visual-design-foundations
✓タイポグラフィー、色彩理論、間隔システム、図像の原則を適用して、一貫したビジュアル デザインを作成します。デザイン トークンを確立する場合、スタイル ガイドを構築する場合、または視覚的な階層と一貫性を改善する場合に使用します。
インストール
visual-design-foundations のインストール方法
コマンドラインで visual-design-foundations AI スキルを開発環境にすばやくインストール
- ターミナルを開く: ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます
- インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/ma1orek/replay --skill visual-design-foundations
- インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
ソース: ma1orek/replay。
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 |
タイポグラフィー、色彩理論、間隔システム、図像の原則を適用して、一貫したビジュアル デザインを作成します。デザイン トークンを確立する場合、スタイル ガイドを構築する場合、または視覚的な階層と一貫性を改善する場合に使用します。 ソース: ma1orek/replay。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/ma1orek/replay --skill visual-design-foundations- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-20
- 更新日
- 2026-03-10
クイックアンサー
visual-design-foundations のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/ma1orek/replay --skill visual-design-foundations インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/ma1orek/replay
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-20