メニュー
Use when establishing typography weight system. Most brands need 3-4 weights, not 9. Use restraint.
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/x3allamerican/design-skills --skill weight-ladder-disciplineコマンドは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 | weight-ladder-discipline |
| description | Use when establishing typography weight system. Most brands need 3-4 weights, not 9. Use restraint. |
Brand needs 3-4 weights: Regular (400), Medium (500), Semibold (600), Bold (700). Skip Light, Thin, Black — they signal trying too hard.
| Element | Weight |
|---|---|
| Display headline | 600-700 |
| Section header | 600 |
| Sub-header | 500-600 |
| Body | 400 |
| Caption | 400 |
| Small caps / label | 500 |
| Emphasis | 500-600 (NOT 700) |
| CTA button | 600 |
Avoid 100-300 (too thin for body) and 800-900 (too aggressive for editorial).
Adjacent text elements should have ≥200 weight difference. Body 400 + emphasis 700 = clear hierarchy. Body 400 + emphasis 500 = too subtle. The visual jump matters.
True italic (not oblique) for emphasis, citations, foreign terms. Use sparingly — 1-2 italic phrases per paragraph maximum. Italic body text reduces readability; reserve for emphasis.
Typography weight discipline for CardPrepAI.