メニュー
Use when designing for multiple sub-brands (e.g., X3 Compass + X3 Fleet Safety + X3 Investment Group). Covers token inheritance, white-label patterns, and the shared-vs-distinct architecture.
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/x3allamerican/design-skills-fleetsafety --skill multi-brand-design-systemsコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
Use when designing 404 pages and the broader empty-state pattern library. Covers tone, illustration, search recovery, and the difference between 'no data yet' and 'this URL doesn't exist'.
Use when designing A/B tests. Covers hypothesis-driven testing, sample-size calculation, the test-design template, and the cultural rituals that make testing productive.
Use when shipping any user-facing UI. Covers the non-negotiable accessibility baseline: contrast, focus states, semantic HTML, keyboard navigation, screen-reader support, motion preferences. The minimum to avoid embarrassment and ADA risk.
SOC 職業分類に基づく
SKILL.md を表示中
| name | multi-brand-design-systems |
| description | Use when designing for multiple sub-brands (e.g., X3 Compass + X3 Fleet Safety + X3 Investment Group). Covers token inheritance, white-label patterns, and the shared-vs-distinct architecture. |
Multi-brand systems share primitives, diverge on semantics.
Primitives shared across brands. Semantic tokens differ per brand. Component code shared; brand layer is just CSS variables.
X3 Compass inherits from X3 brand. Overrides accent color, voice, tagline. Same component primitives.
data-brand='compass' on root. CSS variables change. Components don't know which brand they're in.
White-label = customer's brand only. Co-brand = both visible. Different use cases, different patterns.
Forking components per brand (maintenance nightmare). Brand differences encoded in component code (inflexible). Multiple primitives diverging (drift).
Applied across the X3 Compass design system.