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 /api/v1/wan/text_to_image
运行信息
模型
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 /api/v1/wan/text_to_image 获取 API Key
常见问题

使用这个 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 文本。