Skills
.Work. You
Rest

n-alert

Community

Display contextual alerts with style and control.

Software Engineering#vue#notifications#ui-component#alert#naive-ui#form-feedback
Authorjiaiyan
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides a standardized way to display contextual alert messages (info, success, warning, and error) and manage their lifecycle in Naive UI applications, ensuring consistent user feedback across components.

Core Features & Use Cases

  • Multiple Types: default, info, success, warning, error
  • Closable: Optional close button with callback support
  • Custom Icons: Support for custom icon slots
  • Border Control: Toggle border visibility
  • Header Slot: Custom header content support
  • Marquee Integration: Works with n-marquee for scrolling content

Quick Start

Create a dismissible success alert in a Vue template to notify users of a completed action.

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: n-alert
Download link: https://github.com/jiaiyan/naive-ui-skills/archive/main.zip#n-alert

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 471,000+ vetted skills library on demand.