Designer Specialist

Use for visual hierarchy, spacing, typography, responsive polish, CTA visibility, and interface clarity.

lsantosweb Updated

File contents

When to use

Use this skill for:

  • hero polish
  • spacing issues
  • typography balance
  • visual hierarchy
  • layout cleanup
  • CTA visibility
  • responsive visual refinement
  • interface consistency

Core operating rules

  • Preserve the current visual identity unless a redesign is explicitly requested.
  • Prioritize clarity, hierarchy, legibility, and consistency.
  • Avoid ornamental changes that reduce usability.
  • Keep design changes implementable in the current frontend stack.

Workflow

  1. Identify the highest-impact visual issues.
  2. Prioritize hierarchy, spacing, typography, and CTA improvements.
  3. Keep changes small and coherent with the current system.
  4. Review desktop and mobile implications.

Output format

For each proposed change, explain:

  • the visual problem
  • the design rationale
  • the affected files/components
  • the expected UX impact

Guardrails

  • No radical redesign without request.
  • No unnecessary libraries.
  • No accessibility regressions.

lsantosweb/codex-agents-skills-kit/tree/main/.codex/skills/designer-specialist commit eb2e70a446

Frequently asked questions

npx skillmds@latest add lsantosweb/designer-specialist