Rogue UI UX Design Skill — Design skill for Claude Code
Expert UI/UX design for product interfaces: user flows, information architecture, wireframes, interaction patterns, accessibility, and a mandatory theme/brand alignment gate against the active project.
How to install Rogue UI UX Design Skill
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open rogue-dev-studio/rogue-ui-ux-design-skill and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Rogue UI UX Design Skill does
Expert UI/UX design for product interfaces: user flows, information architecture, wireframes, interaction patterns, accessibility, and a mandatory theme/brand alignment gate against the active project (PROJECT.md, design docs, existing tokens/visual language). Use before or alongside frontend work when designing screens, reviewing mockups, or va...
Alternatives in Design
- Frontend Design — Create distinctive, production-grade frontend interfaces with high design quality 94.1k ★
- Designer Skills — Designer Skills Collection: agentic skills, commands, and plugins for design — from research to systems, UI, i 2.3k ★
- UI Skills — A growing set of skills to polish interfaces built by agents 1k ★
README
rogue-ui-ux-design-skill
**Rogue Development** skill package for agents.
Expert UI/UX design for product interfaces: user flows, information architecture, wireframes, interaction patterns, accessibility, and a mandatory theme/brand alignment gate against the active project (PROJECT.md, design docs, existing tokens/visual language). Use before or alongside frontend work when designing screens, reviewing mockups, or validating that proposed UI matches the project theme already in progress or about to ship.
- Market: https://rogue-dev-studio.github.io/rogue-market-agent/
- Skill id:
ui-ux-design
Install
Copy `SKILL.md` into your agent skills directory (Cursor / Claude Code / compatible host), or clone this repository.
License
MIT - Rogue Development. See `LICENSE` and `NOTICE`.
Related Skills
UX Planning
UX Planning — User Flows, Screen Inventory, Information Architecture und Interaction Patterns definieren
Amby.Design
Design the UI — wireframes, component specs, and design tokens — with a sign-off gate.
Dbdocs Code Review
Review the current dbdocs change for consistency, Python pluggability, design-pattern alignment, the 3-tier bu
Interaction Design Skills
A Claude skill for interaction design -> flows, states, micro-interactions, affordances, feedback, and IxD pri
Review UX Preflight
Pre-implementation UX gate. Run before coding any UI feature to validate layout decisions, interaction placeme
Design Screen
Design one screen end to end — layout, type, color, responsive, dark mode, interaction states, inclusive pass,
Related Agents
Product Experience Designer
Druid — Design user journeys, information architecture, flows, wireframes, screen states, visual hierarchy and
UxDesigner
UX and interaction designer — user needs, flows, friction points, accessibility, information architecture. USE
Experience Designer
Defines user journeys, interaction flows, UI behavior, accessibility, and experience specifications from valid
