skills/ux/SKILL.md
UX design workflows: quick wireframes and approach comparisons, full SvelteKit prototypes, or CSS design token synthesis from a live URL. Triggers on: "ux explore", "ux prototype", "ux style-synthesize", "ux allow", "ux help", "quick wireframe", "wireframe this", "explore approach", "single file prototype", "html mockup", "ux prototype", "synthesize styles", "extract design tokens".
npx skillsauth add cloudvoyant/codevoyant uxInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
UX design skill dispatcher.
Pass your intent directly on the invocation line — explore and prototype proceed immediately with no opening question when a description is provided.
/ux explore checkout flow
/ux explore nav layouts --slideshow
/ux prototype admin dashboard
help.md — never error silently$REMAINING_ARGS unchangedVERB="[first non-flag argument, or empty]"
REMAINING_ARGS="[everything after VERB, preserving order and flags]"
case "$VERB" in
"") VERB="help" ;;
"synth") VERB="style-synthesize" ;;
"synthesize") VERB="style-synthesize" ;;
esac
Read and execute references/workflows/{VERB}.md, passing $REMAINING_ARGS as the argument string.
If references/workflows/{VERB}.md does not exist, fall back to references/workflows/help.md and note the unknown verb.
references/workflows/allow.md) — pre-approve permissions for background agentsreferences/workflows/explore.md) — quick wireframe or approach comparison (single HTML file)references/workflows/help.md) — print command referencereferences/workflows/prototype.md) — full SvelteKit prototype with componentsreferences/workflows/style-synthesize.md) — extract and synthesize CSS design tokens from a URLdevelopment
React patterns: Zustand state management, shadcn/ui + Tailwind CSS, React Three Fiber + Drei for 3D, folder structure, data fetching, and TypeScript conventions. Load when working on React projects (*.tsx) without SvelteKit.
development
QA workflows: investigate and document bugs, post issues to GitHub/GitLab/Linear, and run browser-agent smoke tests. Triggers on: 'qa debug', 'qa report', 'qa smoke', 'run smoke test', 'report bug', 'investigate issue'.
tools
Python project patterns: uv package/workspace management, MLflow experiment tracking, Ray distributed computing, Nvidia Warp GPU kernels, Pydantic validation, Click CLIs, and service architecture. Load when writing Python with pyproject.toml or uv.lock.
development
Code review workflows: create a draft PR/MR, generate AI-powered inline review comments, address change requests, or complete a draft review. Triggers on: "pr open", "pr new", "pr review", "pr address", "pr complete", "open a PR", "create a draft PR", "code review", "pr mr", "pr this PR", "address pr comments", "fix review comments", "complete draft review", "publish review".