Skip to content
Development
Command

/ux

AI-powered UX/UI design — apply 48 UX Laws, generate UI previews, and run design tests

From plugin
cm
5611 skills8 agents11 commands3 hooks
+1
> /plugin marketplace add tody-agent/codymaster
> /plugin install cm@codymaster

Command definition

ux.md
description: AI-powered UX/UI design — apply 48 UX Laws, generate UI previews, and run design tests
argument-hint: "<screen or feature to design>"

/ux — UX/UI Design Intelligence

Design with UX intelligence: apply 48 UX Laws, generate AI-powered UI previews, run 37 design tests.

Invocation

/ux Design a dashboard for analytics
/ux Mobile-first onboarding flow

Workflow

Step 1: UX Research

Apply **cm-ux-master** skill:

  • Review relevant UX Laws (from 48 available)
  • Identify target user, key tasks, and flows
  • Apply Nielsen's Heuristics + Krug's principles

Step 2: UI Preview

Apply **cm-ui-preview** skill:

  • Generate UI using Google Stitch MCP or Pencil MCP
  • Create production-ready UI previews
  • Iterate on design with user feedback

Step 3: Design Tests

Run relevant design tests from the 37 available:

  • 5-second test
  • Squint test
  • Thumb zone test (mobile)
  • Accessibility check
  • Contrast ratio verification

Step 4: Suggest Next

  • "Design approved? → `/build` to implement"
  • "Need variations? → Generate design variants"
  • "Need content? → `/content`"
@tody-agent
Ships withcm

"I can't write code. But in 6 months, I shipped 12 real products using AI. CodyMaster is everything I learned — so you don't have to repeat my mistakes." — Tody Le, Head of Product, Creator of CodyMaster 50+ skills. One install.

5662 skills8 agents1 MCP
Get the whole plugin

Stars on GitHub

Momentum

stars in total
56
Star history of tody-agent/codymaster on GitHub, a chart by star-history.com

Other commands on cm.

bootstrap

bootstrap

Command

Bootstrap a new project with design system, CI/CD, i18n, SEO, and deploy pipeline

@tody-agent@tody-agentInstall Command
build

build

Command

Build features with TDD discipline — test first, implement, verify through quality gates

@tody-agent@tody-agentInstall Command
content

content

Command

AI content engine — research, generate, and deploy content across platforms

@tody-agent@tody-agentInstall Command
continuity

continuity

Command

Read and update working memory — maintain context across sessions via CONTINUITY.md

@tody-agent@tody-agentInstall Command
debug

debug

Command

Systematic debugging — 4-phase root cause process with defense-in-depth verification

@tody-agent@tody-agentInstall Command
demo

demo

Command

Interactive onboarding tour — discover CodyMaster skills, workflows, and examples. Run this first to learn how to use the kit.

@tody-agent@tody-agentInstall Command

More commands from other plugins.

build
Auto-invoked

build

Command

Implement tasks incrementally — build, test, verify, commit. Add "auto" to run the whole plan in one approved pass.

@addyosmani@addyosmaniInstall Command