ux-design

Plugin ux-design from marketplace timbogp in TimboGP/timbogp-marketplace. Commands read from the repo's manifest — 1 month ago.

Skills (10)

• accessibility-audit

  This skill should be used when evaluating a design, page, or component against accessibility standards and producing a severity-scored report. Trigger phrases include "audit accessibility", "check a11y", "is this accessible", "WCAG audit", "check color contrast", and "accessibility review before han

• accessible-components

  This skill should be used when the user wants to build or fix accessible UI components or set up accessibility tooling — triggers like "make this modal accessible", "build an accessible dropdown", "add ARIA to this", "accessible tabs/combobox/tooltip/accordion", "set up a11y linting", or "fix keyboa

• design-tokens

  This skill should be used when a user wants to scaffold or refactor a design token system — e.g. "set up design tokens", "create a design system foundation", "extract these hardcoded colors into tokens", "add a type scale", "theming setup", or "dark mode tokens". It produces a single source of truth

• help

  This skill should be used when the user asks for help with the ux-design plugin — what it does, which skills, commands, agent, or bundled tools it ships, or how to use a specific one. Triggers on the /ux-help command and on phrases like "help with ux-design", "what can ux-design do", "list the ux-de

• interaction-feedback

  This skill should be used when the user wants clear visual feedback for async actions and state changes — triggers like "add loading and error states", "show a success message", "add a toast/notification", "inline form validation", "optimistic UI", "empty state for this list", "this button gives no

• ux-audit

  This skill should be used when the user wants a structured usability review of an interface and asks to "audit this UX", "run a usability review", "do a heuristic evaluation", "review this flow/screen", "what's wrong with this UI", or "is this usable". It produces a scored, severity-ranked usability

• ux-copy

  This skill should be used when the user wants to write or review interface microcopy and says things like "write copy for", "what should this button say", "review this error message", "empty state copy", "onboarding text", "confirmation dialog wording", "rename this CTA", or "microcopy". It writes c

• ux-foundations

  This skill should be used when the user wants to bootstrap or set up a UX baseline in a project — e.g. "bootstrap UX best practices", "set up our UX foundations", "scaffold a design system starting point", "establish UX standards for this repo", or runs /ux-bootstrap. It detects the project's stack

• ux-metrics

  This skill should be used when quantifying user experience — instrumenting performance, defining analytics events, or scoring usability. Trigger phrases include "measure UX", "Core Web Vitals", "set up web vitals", "track LCP/INP/CLS", "Lighthouse score", "design analytics events", "SUS score", "usa

• ux-onboarding

  This skill should be used when someone wants to get familiar with an existing project's UX/design choices and patterns — e.g. "walk me through how this app does UX", "onboard me onto the design system", "explain this project's UI patterns", "I'm new to this codebase, show me the design layer", or ru

Slash commands (5)

• /ux-design:ux-audit

  Run a combined usability + accessibility audit on a page, component, or screenshot and produce a single scored report.

• /ux-design:ux-bootstrap

  Scaffold a UX baseline (design tokens, accessible primitives, a11y linting, metrics, and a UX checklist) into the current project, adapted to its stack.

• /ux-design:ux-help

  Explain the ux-design plugin — everything it offers, or a specific skill, command, agent, or tool if you name one.

• /ux-design:ux-onboarding

  Get familiar with a project's UX/design choices and patterns — a guided, part-by-part walkthrough that sends you to read the real code, checks your understanding with questions, and has you reimplement a small recent change.

• /ux-design:ux-review

  Quick, scored UX review of a single component or screen — from code, a screenshot, or a live page — via the ux-reviewer agent.

Subagents (1)

• ux-reviewer

  Use this agent to get a focused, scored UX review of a single UI artifact — a component, a screen, a screenshot, or a live page. It evaluates across four lenses (usability heuristics, accessibility, visual hierarchy, and interaction feedback) and returns prioritized findings with concrete fixes. Tri

Similar plugins