跳转到主要内容
使用 Prompt 组件来显示预构建的 AI 提示,用户可以将其复制到剪贴板,或直接在 Cursor 中打开。

示例

生成清晰、简洁的说明。

Basic prompt example

生成清晰简洁的文档。

在 Cursor 中打开
Prompt with multiple properties example

属性

description
string
必填
显示在提示卡片上的文本。支持 Markdown 格式。
children
string
必填
提示的文本内容。此文本会被复制到剪贴板,或在 Cursor 中打开。
actions
array
默认值:"[\"copy\"]"
可用操作的数组。有效取值为 "copy"(复制到剪贴板)和 "cursor"(在 Cursor 中打开)。
icon
string
要显示的图标。可选值:
  • Font Awesome 图标名称 (如果你在 docs.json 中将 icons.library 属性 设置为 fontawesome)
  • Lucide 图标名称 (如果你在 docs.json 中将 icons.library 属性 设置为 lucide)
  • Tabler 图标名称 (如果你在 docs.json 中将 icons.library 属性 设置为 tabler)
  • 指向外部托管图标的 URL
  • 项目中图标文件的路径
  • 用花括号包裹的 SVG 代码
对于自定义 SVG 图标:
  1. 使用 SVGR 转换器 转换你的 SVG。
  2. 将 SVG 代码粘贴到 SVG 输入框。
  3. 从 JSX 输出框中复制完整的 <svg>...</svg> 元素。
  4. 用花括号包裹可用于 JSX 的 SVG 代码:icon={<svg ...> ... </svg>}
  5. 根据需要调整 heightwidth
iconType
string
Font Awesome 的图标样式。仅在使用 Font Awesome 图标时生效。可选值:regularsolidlightthinsharp-solidduotonebrands