用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt;运行前请先检查来源。
npx skills add https://github.com/spring-ai-alibaba/DataAgent --skill ui-tip-usage命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地?可下载 SkillsMP 当前能够提供的文件。
基于 SOC 职业分类
正在显示 SKILL.md
| name | ui-tip-usage |
| description | 规范全局 $tip Toast 的调用方式(成功默认、错误需手动指定 icon)。 |
本 Skill 用于当用户提出“提示/Toast 怎么写”、“$tip 怎么用”、“复制成功要不要提示”等需求时。
同时:在你编写代码时,只要你想到需要向用户展示一个提示(成功/失败/警告/信息),也要优先按本 Skill 的规范调用 $tip。
const { $tip } = useNuxtApp();$tip(message, { color: string, icon: string, timeout: number })$tip(message)color: 'success'icon: 'mdi-check'(对勾)timeout: 3000timeout: -1 代表永久不自动关闭:
$tip('长期提示', { timeout: -1 })$tip(message, { color: 'error', icon: 'mdi-error' })成功提示:
const { $tip } = useNuxtApp();$tip('操作成功');错误提示(必须指定 icon):
const { $tip } = useNuxtApp();$tip('保存失败', { color: 'error', icon: 'mdi-error' });自定义颜色/超时(非 error 时可不传 icon):
$tip('正在生成报告...', { color: 'info', timeout: 5000 });