services-confirm-toasts
Installation
SKILL.md
Services Confirm Dialogs & Toasts
Do not use window.confirm() or alert() in services UI. Use the shared ConfirmDialog and Sonner toasts so feedback matches the app design.
Destructive actions → ConfirmDialog
Use @/components/ui/confirm-dialog for delete/remove confirmations.
// ✅ GOOD — controlled dialog, destructive styling
const [deleteOpen, setDeleteOpen] = useState(false)
function handleDeleteClick() {
setDeleteOpen(true)
}
function executeDelete() {
// fetch DELETE, then toast + state update
}