product-designer

Plugin product-designer from marketplace product-designer in rafa-js/product-designer. Commands read from the repo's manifest — 1 month ago.

Skills (12)

• accessibility-audit

  Audit a design or implementation for WCAG / a11y issues. Use when the user asks for an accessibility check, a11y audit, WCAG review, or contrast/keyboard/screen-reader verification. Returns specific failures with WCAG references and concrete fixes.

• ai-ux-design

  Design product surfaces that use AI — chat interfaces, agent flows, AI-as-feature inside conventional UIs, suggestion/recommendation systems. Use when the user is designing an LLM-powered product, an agent UI, an AI feature inside an app, or wants to design for trust, error handling, and user agency

• design-doc

  Write a design doc, design spec, or feature documentation that engineers will actually read and use. Use when the user needs to document a design decision, write a feature spec, prepare for design hand-off, or capture decisions for a postmortem-ready record.

• design-review

  Critique a UI mockup, screen, or flow. Use when the user asks for design feedback, a design review, a critique, or "is this good?" on a specific design. Applies usability heuristics, gestalt, optical effects, content checks, and accessibility to surface specific issues with severity ratings.

• design-system

  Build, extend, audit, or govern a design system. Use when the user is starting a design system, adding components, defining tokens, writing contribution guidelines, or evaluating whether/how to invest in a system.

• ethics-review

  Check a design for dark patterns and humane-design concerns. Use when the user asks whether a flow is manipulative, whether a pattern is a dark pattern, or for an ethics review on a sign-up, cancellation, paywall, notification, or persuasion-heavy surface.

• flow-design

  Design a user flow, task flow, or information architecture. Use when the user is creating onboarding, checkout, signup, account setup, complex multi-step interactions, or restructuring navigation/IA. Surfaces branches, edge cases, and abandonment risks before screens are designed.

• research-plan

  Plan a user research study end-to-end — pick the method, write the discussion guide / screener, define sample, set incentives. Use when the user asks for help planning research, picking a method, writing interview questions, or designing a usability test.

• ui-component

  Design a specific UI component (button, input, modal, card, tabs, table, etc.). Use when the user is creating or improving a single component, specifying its variants and states, or producing component documentation for a design system.

• ux-writing

  Write or improve interface copy — button labels, error messages, empty states, confirmations, tooltips, onboarding text. Use when the user asks for microcopy, UX writing, copy review, or "make this clearer." Distinct from marketing copywriting.

• visual-language

  Establish or audit a product's visual foundations — type scale, color palette, spacing, radius, elevation. Use when the user is starting a new product, redesigning the visual system, picking typography, building a palette, or auditing the consistency of an existing visual language.

• voice-ux-design

  Design voice user interfaces (VUI) — Alexa skills, voice assistants, in-car voice, IVR, multimodal voice+screen. Use when the user is designing a conversation flow, voice persona, intent set, or voice+screen multimodal experience.

Similar plugins