skills.rest
SHGrowth
SHGrowthOFFICIAL
Explore all skills by this author →
WebsiteGitHub

om-ux

Evaluate UI architecture and task flows within the OM UI framework.

6|2|Updated Mar 27, 2026
Search Tags:#usability#data-table#ui-architecture#workflow-analysis#ux-review#crud-form#om-ui
One-click install
npx skills add https://github.com/SHGrowth/om-superpowers --skill om-ux
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: om-ux
Source: https://github.com/SHGrowth/om-superpowers/tree/main/skills/om-ux
Command: npx skills add https://github.com/SHGrowth/om-superpowers --skill om-ux

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Krug provides usability-focused review of UI architecture within OM's UI framework, ensuring pages, navigation, and widgets support clear task flows and cognitive simplicity.

Core Features & Use Cases

  • Walkthrough-based UI workflow evaluation for the relevant persona
  • Guidance on organizing sidebar groups, page names, and empty states
  • Consistency checks against OM UI building blocks (AppShell, DataTable, CrudForm, dashboard widgets)

Quick Start

Describe the UI flow you want reviewed, and Krug will assess it within OM's UI framework.

Frequently Asked Questions about om-ux

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

FAQPage Schema
How do I conduct a usability review for UI architecture and navigation flows?▼

A usability review evaluates UI architecture by applying Krug's evaluation prompts to assess page layouts, navigation structures, and task flows, ensuring cognitive simplicity for the target persona. It generates consistent documentation of findings with severity ratings.

How do I organize sidebar groups and empty states to improve app usability?▼

Organizing sidebar groups and empty states requires evaluating the UI workflow against OM UI building blocks like AppShell and DataTable. The review provides guidance on structuring navigation hierarchies and empty state content to support clear task flows.

What is the best way to evaluate CRUD form and DataTable placement in backend interfaces?▼

Evaluating CRUD form and DataTable placement involves checking UI consistency against OM UI building blocks. The walkthrough-based assessment reviews widget placement and task flows across backend pages to ensure they support cognitive simplicity.

Does this usability review method work for both frontend and backend page layouts?▼

Yes, usability review applies to both backend and frontend page layouts. It assesses navigation structures, widget placement, and task flows across the entire app UI architecture within the OM UI framework to identify cognitive friction points.

How do I document UI consistency checks against standard UI building blocks?▼

Documenting UI consistency checks involves recording findings against OM UI building blocks such as AppShell, DataTable, CrudForm, and dashboard widgets. The review uses Krug's evaluation prompts and severity ratings to maintain standardized documentation.

Related Skills

Explore More Design & Creative Skills→
yu13130122297yu13130122297

scout

Identify uncertainties in research framing, datasets, metrics, and baselines.

Community
Intermediate
klarbauklarbau
7

ux-heuristics

Identify interface usability problems and improvement opportunities using Nielsen and Krug principles.

Community
Advanced
matchojeckimatchojecki
1

backend-ui-design

Standardize backend UIs using @open-mercato/ui components like Page, DataTable, and CrudForm.

Community
Advanced
cjohnhansoncjohnhanson

design-review

Evaluate UI designs against Nielsen heuristics, Gestalt principles, and cognitive walkthrough.

Community
Advanced