UI & UX

Confirmation Modals

Implements accessible confirmation dialogs for genuinely consequential actions, with correct focus trapping.

What it does

Implements accessible confirmation dialogs for genuinely consequential actions, with correct focus trapping.

When to use it

Use for delete, cancel or irreversible-action confirmation, and auditing excessive or manipulative modal use.

Problems it prevents

Stops confirmation dialogs appearing for trivial actions while missing them for genuinely destructive ones.

Typical workflow

  1. Decide if confirmation is actually warranted
  2. Write proportionate, specific copy
  3. Trap focus correctly inside the dialog
  4. Verify keyboard and screen-reader behaviour

Example output

A confirmation dialog reserved for genuinely irreversible actions, with focus trapped correctly until it's resolved.

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/confirmation-modals/ to use it on every project, or in .claude/skills/confirmation-modals/ to scope it to one repository. Then invoke it directly:

/confirmation-modals

Read the official Claude Code skills guide

Works well with

Save by bundling

Get Confirmation Modals 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)