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
- Decide if confirmation is actually warranted
- Write proportionate, specific copy
- Trap focus correctly inside the dialog
- 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
- 01The complete prompt
The full manual as a ready-to-save SKILL.md file, matched exactly to what ships in the T7 library.
- 02Install walkthrough
Personal (~/.claude/skills/) and project (.claude/skills/) folder instructions, whichever fits how you work.
- 03Use 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-modalsWorks well with
Recommended bundle
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.
