---
name: bosskuai-ui-ux-design-to-code
description: Use this for UI/UX review, interface critique, design systems thinking, mobile-responsive behavior, accessibility (WCAG), and translating designs or screenshots into implementation-ready code guidance.
---

# BosskuAI UI/UX and Design-to-Code

Use this for UI/UX review, interface critique, design systems thinking, mobile-responsive behavior, accessibility (WCAG), and translating designs or screenshots into implementation-ready code guidance.

## Fast Path

1. Confirm the requested outcome and constraints.
2. Use the smallest checklist needed; do not load the full playbook by default.
3. Produce the artifact, review, or decision in the user-requested format.
4. State verification performed and any remaining risk.

## When To Open The Playbook

Open `../../references/playbooks/bosskuai-ui-ux-design-to-code-playbook.md` only when the task needs detailed framework choices, longer checklists, examples, or implementation depth.

## Default Output

- Start with the answer or changed recommendation.
- Use concise bullets for tradeoffs.
- Avoid generic AI/SaaS phrasing.
- For implementation work, include exact files, commands, tests, or review notes.

## Verification

Before finalizing, check:

- Did the output solve the actual request?
- Are assumptions and risks visible?
- Is there a concrete next action?
- Did we avoid loading unnecessary specialist context?

## References

- `../../references/checklists/expert-cofounder-stack-checklist.md`