Design Coherent GUI
Design graphical interfaces with audience-fit density, purposeful layout, and reusable visual and behavioral contracts.
When to use
Section titled “When to use”Design, implement, or audit graphical interfaces when information density, hierarchy, spatial composition, control sizing, or component consistency affects usability. Do not use for CLI or TUI work or visual styling alone.
Link this skill
Section titled “Link this skill”arcantry skills link design-coherent-gui --scope userThe standard destination is ~/.agents/skills. Codex reads this universal Agent Skills location directly.
Claude compatibility
Section titled “Claude compatibility”arcantry skills link design-coherent-gui --scope user --compat claudeThis keeps the universal link and adds a Claude alias to the same canonical package.
Examples
Section titled “Examples”Recompose a settings panel
Section titled “Recompose a settings panel”Prompt
Use the design-coherent-gui skill to reorganize this graphical settings panel for its actual users without making it either crowded or cryptically minimal.
Expected outcome
A task-led hierarchy with justified copy, naturally grouped controls, useful field sizing, and no accidental gaps or redundant containers.
Unify repeated graphical controls
Section titled “Unify repeated graphical controls”Prompt
Use the design-coherent-gui skill to audit these pages and implement one coherent contract for equivalent buttons, icons, tags, and effects.
Expected outcome
A complete candidate inventory, evidence-based component reuse or variants, preserved unique layouts, and rendered cross-surface verification.