Skip to content
SkillReady to runNewDesign

Form UX Decisions

Written in-house · editorially graded

Every SkillsBank offering is written in-house — never scraped or crowd-sourced — and graded against a fixed editorial rubric in a separate grading step.

Dry-run test passed · Aug 17, 2026

Trigger check passed

Editorially graded · Aug 17, 2026

Reviews or writes form validation, masking, error-handling, autosave, and submit-state logic directly inside the customer's own codebase, in whatever framework is present, and returns the updated component code plus a plain-text compliance checklist. Use when building a new data-entry, approval, or monetary-input form, or when asked to review, fix, or audit an existing form's validation timing, masking, error mapping, or submit-button behavior.

What you get

An installable SKILL.md file for your AI assistant. Produces code.

Works in
Claude Code · Cursor
Native — drops into .claude/skills/
Copilot · Codex · Gemini CLI
Native — reads .agents/skills/
claude.ai — web & desktop
Upload the .zip in Customize → Skills
ChatGPT
Via a Project — paste into its instructions

See it in action

A real input → output sample

Example Input
Review and fix the validation and submit behavior of the provided forms to ensure a smooth user experience. Forms are in React (NewVendorForm.jsx) and Svelte (ContactForm.svelte) with varying levels of compliance to form UX guidelines.
Example Output
Edited form components with improved validation timing, error messaging, and accessibility features, ensuring compliance with form UX guidelines and a better overall user experience.

Related