← ClaudeAtlas

design-intelligencelisted

Product, UX, and technical visual-explanation routing covers framing, information architecture, interaction, usability, accessibility, compact diagrams, and design-system governance; excludes Figma, CSS, automation, and assets.
Xopoko/plug-n-skills · ★ 11 · Web & Frontend · score 77
Install: claude install-skill Xopoko/plug-n-skills
# Design Intelligence Router for product and UX judgment plus compact technical visual explanations. Use when the work is to improve, critique, frame, audit, or architect an experience, or to clarify a relationship-heavy coding topic, not to operate Figma, generate assets, or write CSS. ## Operating Stance Start with: 1. User or segment. 2. Job, task, or outcome. 3. Available evidence. 4. Current decision or uncertainty. 5. Usability, accessibility, trust, and effectiveness criteria. With thin context, make bounded assumptions and ask only one decision-critical question. Do not invent styling, design-system facts, analytics, research, or accessibility compliance; label known, assumed, and unverified claims. ## Technology-Agnostic UI/UX Coverage Treat UI as product behavior made visible, not as a frontend technology. Work from the user's task, information, decisions, states, feedback, recovery, access needs, and trust obligations before naming components or implementation details. Common UI surfaces to recognize: - forms, validation, data entry, review, and submission; - lists, tables, dashboards, feeds, cards, and detail views; - search, browse, filters, sorting, saved views, and no-results states; - onboarding, first-run education, permissions, consent, and account setup; - empty, loading, disabled, partial-success, error, success, and recovery states; - settings, preferences, admin controls, bulk actions, and destructive actions; - notifications, status, activity,