Codex Kalmeron Arabic UI Polish for RTL and Primary Actions

Refine one Arabic-first screen by clarifying hierarchy, spacing, RTL alignment and useful motion.

Install in Codex

Open Kalmeron's Next.js workspace in Codex with the target screen and its existing Arabic labels.

Review `.agents/skills/kalmeron-ui-polish/SKILL.md` and its requirements at the pinned GitHub commit.
Create `.agents/skills/kalmeron-ui-polish/` in your project and save the reviewed file as `.agents/skills/kalmeron-ui-polish/SKILL.md`.
Start Codex from that project's root, then type `$kalmeron-ui-polish` and select the matching skill.

Example task

Propose two changes for this illustrative Arabic settings screen.
{"screen":"notification settings","direction":"rtl","primaryActionCount":2,"desiredPrimaryAction":"save preferences","decorativeMotion":true}

What to check

Reserve the primary position for `save preferences`, set `primaryActionCount=1`, and check control order against `direction=rtl`. Remove purposeless animation.

Original SKILL.md on GitHub · Updated 2026-11-14

Frequently asked question

Can decorative motion fix a hierarchy problem?

Fix hierarchy, spacing and wording first. Retain motion when it helps users understand a change.