aiforui logo
[←] All skills

Forms & Inputs

Inputs and forms that feel right on every device.

What this skill does

Inputs, buttons, and forms that feel right on every device.

  • Associates labels, sizes input text to stop iOS zoom, and sets the right autocomplete attributes
  • Gets validation timing right, so errors show up when they help, not while you type
  • Handles loading and disabled button states and prevents double submits
  • Wires up Enter and Cmd+Enter submission, autofocus, and destructive-action confirmation

Installation

Run the installer in your terminal to add this skill to your project:

$npx @aiforui/install emil-forms-and-inputs --token=…

Omit the skill name to pick from all skills at once, and rename skills during install if you prefer different slash commands.

Usage

Once installed, use it when you're building a form, an input, or a button with loading and error states. For example: