Codex Satohash UI Audit for Heading Contrast
Review Satohash interface contrast, hierarchy and interaction details using its project-specific visual roles.
中文Install in Codex
Open Satohash in Codex with the relevant JSX or styles, current palette and control states. The example is a local design review.
- Review `.agents/skills/design-audit/SKILL.md` and its requirements at the pinned GitHub commit.
- Create `.agents/skills/design-audit/` in your project and save the reviewed file as `.agents/skills/design-audit/SKILL.md`.
- Start Codex from that project's root, then type `$design-audit` and select the matching skill.
Example task
Audit this sample data view, starting with heading readability.
{"surface":"white","heading":"pale gray","role":"primary heading","expected":"deep navy","scope":"visual review"}What to check
Flag `low contrast` for the primary heading and use project navy `#1a1d2e`. Check readability against the white surface.
Original SKILL.md on GitHub · Updated
Frequently asked question
Where should the accent color go?
The project uses it for actions and focus. Keep headings and body text in their existing text roles.