PROMPT 详情
UI mockup — dashboard analytics screen
Clean UI design mockup of a SaaS analytics dashboard displayed on a 27-inch monitor. The interface shows a dark theme with a left sidebar navigation, a top metrics bar with four KPI cards (revenue, users, conversion, churn), a large area chart in the center showing 30-day trends in gradient blue-to-purple, and a data table below. The design uses a card-based layout with subtle rounded corners and thin borders. Typography is Inter font. Accent color is electric blue (#3B82F6). The monitor sits on a minimal white desk with a wireless keyboard in front.
运行信息
- 模型
- wan-2.7-image-pro
- 提供方
- Alibaba
- 服务
- Wan
- Endpoint
- Text To Image
1. claude mcp add runapi -s user -- npx -y @runapi.ai/mcp
2. 重启 Claude Code
3. 粘贴这个 prompt:生成一张图像:"Clean UI design mockup of a SaaS analytics dashboard displayed on a 27-inch monitor. The interface shows a dark theme with a left sidebar navigation, a top metrics bar with four KPI cards (revenue, users, conversion, churn), a large area chart in the center showing 30-day trends in gradient blue-to-purple, and a data table below. The design uses a card-based layout with subtle rounded corners and thin borders. Typography is Inter font. Accent color is electric blue (#3B82F6). The monitor sits on a minimal white desk with a wireless keyboard in front."
1. codex plugin install runapi-mcp@agents
2. 重启 Codex
3. 粘贴这个 prompt:生成一张图像:"Clean UI design mockup of a SaaS analytics dashboard displayed on a 27-inch monitor. The interface shows a dark theme with a left sidebar navigation, a top metrics bar with four KPI cards (revenue, users, conversion, churn), a large area chart in the center showing 30-day trends in gradient blue-to-purple, and a data table below. The design uses a card-based layout with subtle rounded corners and thin borders. Typography is Inter font. Accent color is electric blue (#3B82F6). The monitor sits on a minimal white desk with a wireless keyboard in front."
1. npx @runapi.ai/mcp init cursor
2. 重启 Cursor
3. 粘贴这个 prompt:生成一张图像:"Clean UI design mockup of a SaaS analytics dashboard displayed on a 27-inch monitor. The interface shows a dark theme with a left sidebar navigation, a top metrics bar with four KPI cards (revenue, users, conversion, churn), a large area chart in the center showing 30-day trends in gradient blue-to-purple, and a data table below. The design uses a card-based layout with subtle rounded corners and thin borders. Typography is Inter font. Accent color is electric blue (#3B82F6). The monitor sits on a minimal white desk with a wireless keyboard in front."
1. npx @runapi.ai/mcp init windsurf
2. 重启 Windsurf
3. 粘贴这个 prompt:生成一张图像:"Clean UI design mockup of a SaaS analytics dashboard displayed on a 27-inch monitor. The interface shows a dark theme with a left sidebar navigation, a top metrics bar with four KPI cards (revenue, users, conversion, churn), a large area chart in the center showing 30-day trends in gradient blue-to-purple, and a data table below. The design uses a card-based layout with subtle rounded corners and thin borders. Typography is Inter font. Accent color is electric blue (#3B82F6). The monitor sits on a minimal white desk with a wireless keyboard in front."
curl -X POST https://runapi.ai/api/v1/wan/text_to_image \
-H "Authorization: Bearer $RUNAPI_KEY" \
-H "Content-Type: application/json" \
--data-binary @- <<'JSON'
{
"model": "wan-2.7-image-pro",
"prompt": "Clean UI design mockup of a SaaS analytics dashboard displayed on a 27-inch monitor. The interface shows a dark theme with a left sidebar navigation, a top metrics bar with four KPI cards (revenue, users, conversion, churn), a large area chart in the center showing 30-day trends in gradient blue-to-purple, and a data table below. The design uses a card-based layout with subtle rounded corners and thin borders. Typography is Inter font. Accent color is electric blue (#3B82F6). The monitor sits on a minimal white desk with a wireless keyboard in front."
}
JSON
import { WanClient } from "@runapi.ai/wan";
const client = new WanClient({
apiKey: process.env.RUNAPI_API_KEY,
});
const result = await client.textToImage.run({
"model": "wan-2.7-image-pro",
"prompt": "Clean UI design mockup of a SaaS analytics dashboard displayed on a 27-inch monitor. The interface shows a dark theme with a left sidebar navigation, a top metrics bar with four KPI cards (revenue, users, conversion, churn), a large area chart in the center showing 30-day trends in gradient blue-to-purple, and a data table below. The design uses a card-based layout with subtle rounded corners and thin borders. Typography is Inter font. Accent color is electric blue (#3B82F6). The monitor sits on a minimal white desk with a wireless keyboard in front."
});
console.log(result.id);
require "runapi/wan"
client = RunApi::Wan::Client.new
result = client.text_to_image.run(
model: "wan-2.7-image-pro",
prompt: "Clean UI design mockup of a SaaS analytics dashboard displayed on a 27-inch monitor. The interface shows a dark theme with a left sidebar navigation, a top metrics bar with four KPI cards (revenue, users, conversion, churn), a large area chart in the center showing 30-day trends in gradient blue-to-purple, and a data table below. The design uses a card-based layout with subtle rounded corners and thin borders. Typography is Inter font. Accent color is electric blue (#3B82F6). The monitor sits on a minimal white desk with a wireless keyboard in front."
)
puts result.id
package main
import (
"context"
"fmt"
"log"
"net/http"
"os"
"strings"
)
func main() {
body := strings.NewReader("{\"model\":\"wan-2.7-image-pro\",\"prompt\":\"Clean UI design mockup of a SaaS analytics dashboard displayed on a 27-inch monitor. The interface shows a dark theme with a left sidebar navigation, a top metrics bar with four KPI cards (revenue, users, conversion, churn), a large area chart in the center showing 30-day trends in gradient blue-to-purple, and a data table below. The design uses a card-based layout with subtle rounded corners and thin borders. Typography is Inter font. Accent color is electric blue (#3B82F6). The monitor sits on a minimal white desk with a wireless keyboard in front.\"}")
req, err := http.NewRequestWithContext(context.Background(), http.MethodPost, "https://runapi.ai/api/v1/wan/text_to_image", body)
if err != nil {
log.Fatal(err)
}
req.Header.Set("Authorization", "Bearer "+os.Getenv("RUNAPI_API_KEY"))
req.Header.Set("Content-Type", "application/json")
resp, err := http.DefaultClient.Do(req)
if err != nil {
log.Fatal(err)
}
defer resp.Body.Close()
fmt.Println(resp.Status)
}
常见问题
使用这个 wan-2.7-image-pro prompt
如何安全复制这个 prompt?
使用完整 prompt 区块旁边的复制按钮。它只复制 prompt 文本,不包含页面标签,所以可以直接粘贴到 agent 指令、JSON 请求体或你自己的 prompt 库。
为什么详情页会显示参数?
有些 prompt 采集时带有画幅、时长或声音控制等生成设置。存在参数时,页面会单独列出,方便你同时复用 prompt 文本和结构化设置。
应该调用哪个 endpoint?
使用 API 代码块里显示的 endpoint 路径。这个路径由 prompt 的 RunAPI 服务和 endpoint 名称生成,并渲染成 curl 与 SDK 示例使用的公开 API URL。
可以不用代码,直接在 agent 里用吗?
可以。在标签切换器里选择 Claude Code、Codex、Cursor 或 Windsurf,安装 RunAPI MCP Server,然后粘贴生成好的指令。指令会包含完整 prompt 文本。