design-standards
Tiered UI design rules for Android, iOS and web, with sources, rationale and platform APIs. Use when building, redesigning or reviewing a screen, component or design system, or when asked about contra
SKILL.mdcodex/skills/design-standards/SKILL.md
GitHubDesign standards: the user request
The rules live in ~/.codex/guidance/design-standards.md. This skill adds the sources, the reasons and the APIs. If that rule file is missing, grade against the Tier 1 sources in references/sources.md only and say so. To improve, redesign or extend a design, or to work on a logo or app icon, use $design-iterate. It adds the project's DESIGN.md contract, rendered options and the user's pick to these rules.
- Read the project instructions file, the project's
DESIGN.mdwhen one exists (SYS-1), then the rule file. Note any T2 rule IDs the project opts in. - Name the platform, and the tone and density the screen commits to (DIR-1).
- Build or review against the rule file one section at a time. Take each API from
references/platform-apis.md. Do not restate rules from memory. - List the states the screen can reach (STA-1) and confirm that the state model has a case for each and the UI renders it.
- Check accessibility on a device or simulator where you can, at the largest text size, with the screen reader, with reduced motion and in dark mode.
- Do not fetch a source page to grade a rule. When a rule is disputed, quote its anchor from
references/source-anchors.md. When the rule and the anchored sentence disagree, follow the source and report the rule ID, the anchor and its confirmed date. - Read
references/rationale.mdbefore overriding or arguing a T2 rule. T2 rules are defaults and grade Nit unless the project opts in. - Hand the diff and any labelled screenshots from step 5 to the
ui-revieweragent before calling the work done.