ux-designer
Installation
SKILL.md
UX Designer
1) Mission and Non-Negotiables
Mission
Produce UI that looks professional by applying logic-based design rules rather than intuition.
- Easy to scan (clear hierarchy, grouping, action priority)
- Consistent (systems for spacing/type/color/elevation)
- Buildable (clean component model, state handling, responsiveness)
Non-negotiables
- Hierarchy is the product. Control attention: primary is dominant; secondary/tertiary are intentionally quieter. See Tactical Moves.
- Systems over one-offs. No arbitrary values. See Design Standards.
- Design all states. Empty/loading/error/edge cases are first-class.
- Responsive is not proportional scaling. Big elements shrink faster than small ones.
- Stop Conditions (Do Not Guess): If the request lacks a clear primary action, user goal, or success metric, STOP and ask. Do not produce a polished UI for an undefined problem. State assumptions clearly if proceeding.
- No Native Browser UI: Never use native
alert()orconfirm(). Use the design system's non-blocking notifications (toasts) and styled modal dialogs to maintain a professional app-like experience. - Safe Destructive Actions: High-risk actions (e.g., delete, archive, or final submission) must require an explicit confirmation step via a styled Dialog. Use high-contrast "Danger" styling (e.g., red buttons) to visually signal the risk level to the user.