ux-design-process

Evaluates UX design quality in code reviews using heuristic audits and flow validation.

6|3|Updated Feb 11, 2026
One-click install
npx skills add https://github.com/vinhnxv/rune --skill ux-design-process
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ux-design-process
Source: https://github.com/vinhnxv/rune/tree/main/plugins/rune/skills/ux-design-process
Command: npx skills add https://github.com/vinhnxv/rune --skill ux-design-process

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Structured UX evaluation and design guidance for code reviews and planning, enabling teams to assess usability, accessibility, and interaction quality systematically.

Core Features & Use Cases

  • Heuristic evaluations (Nielsen Norman 10 + Baymard 207 adapted) for code contexts
  • Interaction pattern references and flow validation to align implementation with design intent
  • Cognitive walkthrough protocols and aesthetic scoring to improve design decisions
  • Route to greenfield and brownfield UX processes based on project context

Quick Start

Analyze a code change by applying Rune UX guidance to the modified frontend components and run the matching reference workflows to generate actionable findings.

Frequently Asked Questions about ux-design-process

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I run a UX heuristic evaluation on frontend code changes?

Run a UX heuristic evaluation by applying Nielsen Norman 10 and Baymard 207 adapted guidelines to modified frontend components, generating actionable findings. This structured code review assesses usability, accessibility, and interaction quality systematically.

What is a cognitive walkthrough for code review and when do I need it?

A cognitive walkthrough for code review is a protocol that evaluates user flow validation and interaction quality against design intent. You need it when assessing usability in both greenfield and brownfield projects to improve design outcomes.

Can I apply UX design review processes to existing brownfield codebases?

Yes, you can route UX design review processes to existing brownfield codebases. The evaluation delivers structured heuristic audits, interaction pattern references, and flow validation tailored to varying project maturity levels.

How do I validate interaction patterns and design intent during a code review?

Validate interaction patterns during code review by applying matching reference workflows and pattern libraries to modified frontend components. This aligns implementation with design intent and generates actionable findings for improved design decisions.

What's the best way to integrate structured UX guidance into development planning?

Integrate structured UX guidance into planning by using heuristic evaluations, cognitive walkthrough protocols, and aesthetic scoring on frontend components. This provides systematic assessment of usability, accessibility, and interaction quality for design decisions.

Does this UX review process require a pattern library to function?

No, the UX review process supports optional references and pattern libraries for on-demand UX guidance. It requires YAML frontmatter entry details for name and description, and integrates with talisman-based routing.