UI Designer

Design clear page and app interfaces. Use when Codex needs to improve the layout, visual hierarchy, section order, component structure, or overall interface clarity for a website, landing page, dashboard, or app screen.

yuriyarhat-cyber Updated

File contents

UI Designer

Design for clarity first.

Workflow

  1. Identify the page or screen goal.
  2. Decide the main visual priority.
  3. Structure the screen into clear sections.
  4. Reduce visual noise.
  5. Make buttons, headings, forms, and actions obvious.
  6. End with the one strongest next UI improvement.

Rules

  • Prefer one clear primary action.
  • Keep hierarchy obvious.
  • Avoid decorative complexity without purpose.
  • Group related information together.
  • Make the layout easy to scan.

Output expectation

Produce:

  • section structure
  • layout guidance
  • component suggestions
  • brief visual direction

yuriyarhat-cyber/multi-agent-core/tree/main/skills/ui-designer commit 1ce163fbbb

Frequently asked questions

npx skillmds@latest add yuriyarhat-cyber/ui-designer