Product & UX · Improve
Improve Form & Data UI
Correct the selected field or data operation from user input through validation, serialization and stored result.
MCP library 1.6.1 · Instruction library 1.6.1 · English technical instructions
← Back to searchUse this workflow
Connect Vibe Coding Library to a coding agent that supports MCP over Streamable HTTP. Choose Other / MCP agent for a neutral prompt, or a ready-made Codex or Claude Code invocation. Add your task details below.
Goal
Correct the selected field or data operation from user input through validation, serialization and stored result.
Domain rules
- Keep one validation source where architecture permits and map server errors to stable field/form states.
- Use stable record identity and explicit query/mutation ownership; do not infer saved state from optimistic UI alone.
- Preserve user input across recoverable failure and prevent stale responses from overwriting newer edits.
- Update affected schemas, generated types, fixtures, analytics, and copy with the field contract.
Validation
- Run form/table/component/type/e2e checks for changed contracts.
- Exercise invalid input, server rejection, duplicate submit, slow/stale response, conflict, pagination/filter, and keyboard paths.
- Verify serialized payload and stored result, not only rendered success state.
Correct the field/schema, draft/mutation or query/selection owner, preserving recoverable user input and stable record identity. Replay the same input and slow/rejected/conflicting sequence, then inspect request, stored data and rendered feedback. Feed acceptance into Product Acceptance Check where needed; return failures to the same boundary and finish Patch Checking rather than masking data errors with copy.
Workflow ID: form-data-ui-polish · View the versioned source · Shared workflow and authority rules