aurora-ux_skill

This skill evaluates and enhances Aurora form UX by reordering fields, refining flow, and applying usability best practices.
  • TypeScript

0

GitHub Stars

1

Bundled Files

2 months ago

Catalog Refreshed

4 months ago

First Indexed

Readme & install

Copy the install command, review bundled files from the catalogue, and read any extended description pulled from the listing source.

Installation

Preview and clipboard use veilstrat where the catalogue uses aiagentskills.

npx veilstrat add skill avvale/aurora-front --skill aurora-ux

  • SKILL.md11.0 KB

Overview

This skill evaluates and improves the user experience of Aurora forms, focusing on cognitive flow rather than visual layout. It helps reorder fields, validate field dependencies, and apply progressive disclosure and validation rules to reduce user friction. Use it to audit forms and produce concrete, actionable ordering and interaction changes.

How this skill works

The skill inspects form field metadata (required flag, identifiers, dependencies, readonly/calculated status) and scores each field using a decision matrix to recommend order and visibility. It flags anti-patterns, suggests grouping and expansion panels for advanced options, and outputs a checklist for UX review and implementation tips for Create/Edit/Filter modes.

When to use it

  • Audit an existing Aurora form for usability problems
  • Reorder fields to match user cognition and reduce backtracking
  • Design Create, Edit, or Filter forms with sensible defaults and focus behavior
  • Introduce progressive disclosure for advanced or optional settings
  • Validate field dependencies and tab/focus order before release

Best practices

  • Place required fields first within each semantic section
  • Order fields from what the user already knows to what they must decide (identifiers → basics → classification → details → settings → state)
  • Group related fields and place dependents next to or below their parent fields
  • Use expansion panels for advanced/rare options and keep calculated fields readonly or hidden
  • Apply validation on blur for critical fields and on submit for cross-field checks; show real-time feedback only where helpful

Example use cases

  • Create form: set autofocus on first editable field, preload sensible defaults, hide calculated fields
  • Edit form: clearly mark readonly fields, preserve original values until save, indicate unsaved changes
  • Filter UI: surface most-used filters first and provide a clear reset/clear-all action
  • Country/state dependency: disable state selector until country is chosen and show a hint
  • Complex entity form: move identifiers and required fields to top, push audit fields and isActive to the end or hide them

FAQ

It assigns weights for being required, an identifier, known by the user, affecting others, being a config, or an audit field, and sums them to determine ordering priority.

When should I use progressive disclosure?

Use it for advanced, rarely used, or optional fields to keep the primary flow simple and reduce cognitive load.

Built by
VeilStrat
AI signals for GTM teams
© 2026 VeilStrat. All rights reserved.All systems operational
aurora-ux skill by avvale/aurora-front | VeilStrat