メニュー
Use when documenting brand decisions. Brand system docs evolve with the product; treat as living, not frozen.
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/x3allamerican/design-skills --skill brand-system-living-documentコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
Use when shipping a page. Accessibility tier (A, AA, AAA) sets minimum requirements; AA is the legal default in most jurisdictions.
Use when sizing images and embedded media. Consistent aspect ratios (16:9, 4:3, 1:1, 3:4) signal designed layout.
Use when designing editorial or luxury landing pages. Asymmetric grids feel curated; symmetric grids feel template-SaaS.
SOC 職業分類に基づく
SKILL.md を表示中
| name | brand-system-living-document |
| description | Use when documenting brand decisions. Brand system docs evolve with the product; treat as living, not frozen. |
Brand book is alive. Update with each decision. Single source of truth in repo. Frozen brand books die.
/brand/
├── README.md (overview)
├── tokens.css (design tokens)
├── typography.md (type system)
├── color.md (palette + usage)
├── components.md (button, card, etc.)
├── voice.md (brand voice + copy)
├── photography.md (treatment + sources)
└── decisions.md (decision log)
Date-stamped decisions:
## 2026-05-01: Adopt orange accent
**Context**: needed accent color for CardPrepAI
**Options considered**: orange, blue, navy
**Decision**: orange #e85d2c
**Rationale**: distinct from X3 ecosystem, warm + premium feel
**Trade-offs**: requires contrast adjustment on cream
Brand system documentation for CardPrepAI.