product-ux-designer

Designs B2B SaaS pages, components, forms, tables, flows, and features with structured UX methodology. Triggers when designing pages, wireframing, making layout decisions, choosing containers, mapping states, defining conditional visibility, writing confirmation dialogs, speccing empty/error/loading states, ordering fields, reviewing designs, auditing pages, speccing for engineering, or researching users. Also triggers on "what should go on this page", "where should this field go", "what states does this need", "design this", "wireframe this", "review this design", or "audit this page".

1.25x

Quality

100%

Does it follow best practices?

Impact

94%

1.25x

Average score across 3 eval scenarios

Securityby

Passed

No known issues

Evaluation results

93%

33%

Invoices List Page Design

Status display and money formatting

Criteria

Without context

With context

Status as dot+text

100%

Terminal state treatment

100%

Money right-aligned

100%

Tabular-nums font

100%

Two decimal places

100%

Comma thousands separator

100%

Negative amounts

100%

Entity ID format

25%

75%

Cursor-based pagination

50%

37%

Two empty state types

100%

Credits column conditional

62%

100%

Real data in wireframes

87%

100%

Column tier assignment

66%

100%

99%

17%

Subscription Cancellation and Invoice Void Flows

Destructive action friction and confirmation copy

Criteria

Without context

With context

Friction level: void invoice

100%

Friction level: cancel subscription

100%

Concrete impact in dialogs

100%

Button repeats action verb

90%

100%

Cancel always present

100%

Before/after shown

50%

100%

Disabled actions with tooltips

87%

100%

Compound state designed

100%

Terminal state treatment

50%

100%

Real data in wireframes

100%

Destructive button styling

71%

100%

Sentence case in copy

33%

100%

Worst case first

50%

83%

90%

Create Pricing Plan Form Design

Form patterns and container decisions

Criteria

Without context

With context

Container choice: drawer

100%

Single-column layout

62%

Submit button label

100%

Loading state copy

100%

Validation on blur

100%

Uniqueness validation debounce

28%

100%

Placeholder as example data

100%

Labels as noun phrases

100%

Help text for non-obvious fields

100%

Disabled tooltip copy

Preserve form on error

71%

100%

Sentence case in copy

100%

Conditional fields specified

100%

Repository: gorfadvijay/temp-skill
Commit: cdcd1f6

Evaluated: about 1 month ago
Agent: Claude Code
Model: Claude Sonnet 4.6

Table of Contents

Invoices List Page Design Subscription Cancellation and Invoice Void Flows Create Pricing Plan Form Design

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.