Back to Lobehub

UX Audit — Create expertise modal

.agents/skills/ux-audit/references/example/self-learning-create.md

2.2.151.5 KB
Original Source

UX Audit — Create expertise modal

Layers: L1 ✅ · L2 desktop dark ✅ · L3 forward journey partial.

Patterns in use

PatternRatingEvidence
Modal PanelImperative base-ui modal (CreateDomainModal.tsx:97-105).
Forgiving InputOne natural-language brief becomes an editable draft (:26-89).
PreviewParsed name/filter appear before Create (:53-70).
Prominent DoneContinue/Create is the sole primary action (:80-89).
Draft safetyState is in-memory and maskClosable is true (:29-31, :101).

Strengths / good cases

  • ✅ 亮点 — Loose input before structure. Forgiving Format composes well with Preview.
  • ✅ 亮点 — Failure preserves fields. try/catch/finally reports the error and leaves the draft intact (:33-45).

Experience gaps

  1. 🔴 Mask close/reload loses the draft. Remedy: durable draft plus dirty-close confirmation.
  2. 🟠 The ingestion boundary is previewed as text, not tested against examples. Show matching/non-matching Topics before commitment.
  3. 🟡 Parsed step has no explicit Back. Users can edit outputs but cannot revise the original sentence in the flow model.

Skill feedback

  • Validates Edit §2.1 and Act §3.1; no new generic rule landed.