Menu
建立于 shadcn/ui 之上的附加 UI 组件
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
指导如何在 Project Graph 项目中创建新的快捷键。当用户需要添加新的快捷键、修改快捷键绑定或需要了解快捷键系统的实现方式时使用此技能。
指导如何在 Project Graph 项目中创建新的设置项。当用户需要添加新的设置项、配置选项或需要了解设置系统的实现方式时使用此技能。
指导如何在 Project Graph 项目中创建新的快捷键。当用户需要添加新的快捷键、修改快捷键绑定或需要了解快捷键系统的实现方式时使用此技能。
指导如何在 Project Graph 项目中创建新的设置项。当用户需要添加新的设置项、配置选项或需要了解设置系统的实现方式时使用此技能。
Suggest relevant Lucide icons for concepts or UI placements. Searches lucide.dev to find actual icons that symbolize ideas or fit design contexts. Use when needing icons for UI work, documentation, or symbolic representation.
Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for "shadcn init", "create an app with --preset", or "switch to --preset".
| name | ui |
| description | 建立于 shadcn/ui 之上的附加 UI 组件 |
Dialog (app/src/components/ui/dialog.tsx)Dialog.confirm: 显示一个确认对话框，返回一个 Promise，用户点击确认时 resolve，点击取消时 reject。Dialog.input: 显示一个输入对话框，返回一个 Promise，用户输入内容并点击确认时 resolve，点击取消时 reject。Dialog.copy: 显示一个复制对话框，返回一个 Promise，用户关闭对话框时 resolve。Dialog.buttons: 显示一个带有自定义按钮的对话框，返回一个 Promise，用户点击任意按钮时 resolve，参数为被点击按钮的 id。toast() (import { toast } from "sonner")toast: 显示一个通用的、info 类型的 toast 消息，参数为消息内容，尽量不要使用此函数，推荐使用下面的 toast.success() 等方法。toast.success: 显示一个成功类型的 toast 消息，参数为消息内容。toast.error: 显示一个错误类型的 toast 消息，参数为消息内容。toast.warning: 显示一个警告类型的 toast 消息，参数为消息内容。toast.promise: 见下面的示例代码。await toast
.promise(
async () => {
// 异步操作
},
{
loading: "promise进行中的提示",
success: "resolve后的提示",
error: "reject后的提示",
},
)
// unwrap方法会直接把传入的promise返回出来
.unwrap();