Review UX Preflight — Design skill for Claude Code
Pre-implementation UX gate.
How to install Review UX Preflight
Installs to ~/.claude/commands/sourjya-kiro-rails-review-ux-preflight.md
mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/sourjya/kiro-rails/HEAD/.claude/commands/review-ux-preflight.md -o ~/.claude/commands/sourjya-kiro-rails-review-ux-preflight.md Restart Claude Code, or start a new session, for it to be picked up.
What Review UX Preflight does
description: "Pre-implementation UX gate. Run before coding any UI feature to validate layout decisions, interaction placement, and hierarchy. Produces a PROCEED/REVISE/BLOCK decision."
UX Preflight Review
Before reviewing, read `docs/decisions/` ADRs and any UX/design documentation if they exist. Use documented UX decisions to calibrate recommendations.
Run this BEFORE writing implementation code for any UI feature or screen modification.
Input (fill before running)
SCREEN: [
Alternatives in Design
- Designer Skills — Designer Skills Collection: agentic skills, commands, and plugins for design — from research to systems, UI, i 2.3k ★
- WP Block Themes — WordPress block theme development 902 ★
- Design Plugin — A Claude Code plugin that helps you make confident UI design decisions through rapid iteration 674 ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Agent Config Validation And Integrity
Design, validate, and maintain agent configuration integrity in the HomericIntelligence agentic hierarchy. Use
Design Critique
UX heuristic review of Figma screens — evaluates against Nielsen's 10 heuristics, visual design quality, spaci
Revise
Change an existing GraphCompose template as a new revision — content, assets, theme, layout or a pure refactor
UX Copy
Microcopy review and rewrite against the voice rubric. Produces a before/after table with severity per string
Vibe Wise MCP
Universal MCP server port of VibeWise: design-first gate for any coding agent (Claude Code, Cursor, Codex, Ant
Design Screen
Design one screen end to end — layout, type, color, responsive, dark mode, interaction states, inclusive pass,
Related Agents
Uiux Reviewer
Use this agent after frontend feature implementation to review the rendered web page from a real user's visual
Uix Expert
Use this agent for UI and UX work — reviewing an interface, designing a screen or flow, choosing layout, hiera
Web UI UX Designer
Web UI/UX designer — visual hierarchy, design tokens, layout and interaction quality for websites and web apps