Conversion

Form Success States

Designs truthful, accessible success states that confirm completion only once the server has actually accepted it.

What it does

Designs truthful, accessible success states that confirm completion only once the server has actually accepted it.

When to use it

Use for contact, booking, signup and checkout confirmations, and duplicate-submit prevention.

Problems it prevents

Stops a page claiming 'submitted!' before the server has actually confirmed the action succeeded.

Typical workflow

  1. Wait for authoritative confirmation
  2. Design the confirmation content
  3. Prevent duplicate submission
  4. Announce success to screen readers

Example output

A success message that only appears after real server confirmation, with a reference number where relevant.

What's included

  1. 01
    The complete prompt

    The full manual as a ready-to-save SKILL.md file, matched exactly to what ships in the T7 library.

  2. 02
    Install walkthrough

    Personal (~/.claude/skills/) and project (.claude/skills/) folder instructions, whichever fits how you work.

  3. 03
    Use notes

    How Claude invokes it, what a good result looks like, and what to check before you trust the output.

Installation

Save the manual as SKILL.md in ~/.claude/skills/form-success-states/ to use it on every project, or in .claude/skills/form-success-states/ to scope it to one repository. Then invoke it directly:

/form-success-states

Read the official Claude Code skills guide

Works well with

Save by bundling

Get Form Success States as part of Conversion Builder: five skills that work together as one toolkit, for £1.96 less than buying all five separately.

View Conversion Builder (£9.49)