メニュー
Use when supporting right-to-left languages (Arabic, Hebrew, Persian). Covers direction flipping, layout mirroring, the icons that don't flip, and the CSS logical properties.
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/x3allamerican/design-skills-fleetsafety --skill right-to-left-designコマンドは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 | right-to-left-design |
| description | Use when supporting right-to-left languages (Arabic, Hebrew, Persian). Covers direction flipping, layout mirroring, the icons that don't flip, and the CSS logical properties. |
RTL is more than text alignment. Layouts flip horizontally. Icons sometimes flip; sometimes don't.
Use CSS logical properties (margin-inline-start instead of margin-left). HTML dir='rtl' attribute on root.
Most don't flip (calendar, clock). Directional icons DO flip (left arrow → right arrow). Check icon library RTL support.
Body text aligns right. Numbers in mixed-direction text use bidi controls.
Photos of people facing right (looking at the content) — flip for RTL. Photos of products / scenes — usually don't flip.
Real users in RTL languages. Auto-translation flags layout breaks but not semantic issues.
Text right-aligned but layout still LTR. Icons all flipped (arrows + clocks, breaking clocks). Photos of people facing away from content. No bidi handling for numbers / English embedded in Arabic.
Applied across the X3 Compass design system.