Skills
.Work. You
Rest

use-design-system/Toast

Community

Display temporary notifications.

Software Engineering#feedback#react#design system#ui component#notification#toast
Authortokijh
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides a standardized way to display temporary, non-intrusive notifications to users, informing them about the status of an action or providing brief messages.

Core Features & Use Cases

  • Customizable Notifications: Supports various types (success, error, warning, info) with optional icons and action buttons.
  • Flexible Placement: Can be displayed at the top or bottom of the screen.
  • Automatic Dismissal: Notifications can automatically close after a set duration, with an option to disable this for manual control.
  • Use Case: After a user successfully saves a form, a "success" toast message appears at the bottom of the screen for 3 seconds, confirming the action. If an error occurs, an "error" toast with a "Retry" button might be displayed.

Quick Start

Use the Toast skill to display a success message that reads 'Settings saved successfully'.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: use-design-system/Toast
Download link: https://github.com/tokijh/minapp/archive/main.zip#use-design-system-toast

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.