From curdx-flow
Invoke when the user wants UI design drafts — components, layouts, variants, mockups, CSS/theme/styling decisions. Triggers on "design UI", "UI design", "component layout", "variants", "wireframe", "mockup", "prototype", "sketch", "draft layout", "visual design", "styling", "CSS", "theming", "dark mode", "responsive design", "color scheme", "build me a UI", "show several variants", "try different colors".
npx claudepluginhub curdx/curdx-flow --plugin curdx-flowThis skill is limited to using the following tools:
You are invoked when the user wants fresh UI design drafts — typically 2–4 variants for comparison, or a single iterative refinement.
Generates design tokens/docs from CSS/Tailwind/styled-components codebases, audits visual consistency across 10 dimensions, detects AI slop in UI.
Records polished WebM UI demo videos of web apps using Playwright with cursor overlay, natural pacing, and three-phase scripting. Activates for demo, walkthrough, screen recording, or tutorial requests.
Delivers idiomatic Kotlin patterns for null safety, immutability, sealed classes, coroutines, Flows, extensions, DSL builders, and Gradle DSL. Use when writing, reviewing, refactoring, or designing Kotlin code.
You are invoked when the user wants fresh UI design drafts — typically 2–4 variants for comparison, or a single iterative refinement.
frontend-design skill (Anthropic official) should be installed. Without it, fall back to Tailwind + shadcn/ui defaults.Confirm with the user:
flow-ux-designerDelegate to the flow-ux-designer agent with the brief. It will:
frontend-design skill with the brief.flow/specs/<active>/sketches/Show the user:
design.md asset section.flow-ux-designer again with "merge variant A layout + variant B color scheme".flow-ux-designer agent: @${CLAUDE_PLUGIN_ROOT}/agents/flow-ux-designer.mdflow-ui-researcher agent (for competitive reference scraping): @${CLAUDE_PLUGIN_ROOT}/agents/flow-ui-researcher.md