toast-notifier

Automates bilingual Thai/English toast notifications for HR-IMS frontend actions and server responses.

Updated Jan 8, 2026
One-click install
npx skills add https://github.com/Arnutt-N/hr-ims --skill toast-notifier
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: toast-notifier
Source: https://github.com/Arnutt-N/hr-ims/tree/main/.claude/skills/toast-notifier
Command: npx skills add https://github.com/Arnutt-N/hr-ims --skill toast-notifier

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Toast notifications deliver immediate, contextual feedback to users across HR-IMS, in both Thai and English, without interrupting workflows.

Core Features & Use Cases

  • Supports success, error, warning, and info messages with consistent styling.
  • Enables bilingual titles and descriptions to serve Thai and English-speaking users.
  • Provides action buttons and persistent notifications for critical events.
  • Integrates with the UI toasts system (Sonner) and supports global providers.

Quick Start

Add the ToastProvider at the app root and begin triggering toasts with the toast utilities.

Frequently Asked Questions about toast-notifier

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I implement bilingual toast notifications for user feedback?

Bilingual toast notifications are implemented by applying a toast utility surface with message presets across frontend actions and server responses. This delivers immediate, contextual Thai and English messages to users without interrupting workflows.

Can I use Sonner to display success and error toasts with custom durations?

Yes, integrating with the Sonner UI toasts system supports success, error, warning, and info messages with customizable durations. It also provides persistent notifications to ensure critical events remain visible to the user.

How do I add action buttons to toast notifications in a frontend application?

Adding action buttons to toast notifications is handled through the toast utility surface configuration. This provides interactive elements within the notifications, allowing users to execute contextual responses directly from the feedback message.

What is the best way to trigger contextual toasts for server responses?

Triggering contextual toasts for server responses involves applying the toast utility across frontend actions to capture server outputs. It maps these responses to bilingual message presets, delivering immediate feedback to the user interface.

Do I need a global provider to set up toast notifications?

You need to add the ToastProvider at the app root to set up toast notifications globally. This global provider establishes the context for triggering toast utilities and rendering notifications consistently throughout the application.