跳转到内容

AI 图像生成

直接在 AI 对话中生成自定义图像或查找图库照片。内置功能,无需 API 密钥。

Proyecta 的 AI 可以在构建过程中生成图像。内置两个工具——一个用于生成自定义 AI 视觉内容,另一个用于获取精选图库照片。无需任何第三方 API 密钥。

AI 提供 generate_image 工具,可按需创建自定义视觉内容。只需这样描述:

  • "Generate a hero image for my landing page — abstract gradient with floating shapes"
  • "Create product mockup images for my e-commerce store"
  • "Make an illustration of a team collaborating for the about page"

生成的图像会存储在项目的文件存储中,并获得一个永久 CDN URL。AI 会将其下载到项目的 src/assets/ 目录(在组件中通过 ES6 import 引用)。使用 target_path: public/<name> 可将文件放置在 public/ 目录下,适合需要稳定 URL 的资源,如 favicon 或 OG 图像。

选项: AI 可以控制宽高比(1:116:99:164:33:4)和质量(mediumhigh)。

如需精选的真实摄影作品,AI 会使用 generate_stock_image 搜索图库(默认为 Unsplash,也支持 Pexels):

  • "Find a hero photo of a modern office space"
  • "Add stock photos of food for the restaurant menu page"

图库照片会被下载到项目的 src/assets/ 目录,同时也会返回一个热链 CDN URL。工具结果中包含版权归属信息——当平台配置了相应设置时,AI 会在你的 UI 中渲染摄影师署名。

对于 logo 和简单插图,AI 可以直接生成 SVG,无需调用图像 API:

Generate an SVG logo for my app — minimalist, two colors, abstract mark.
Save it to public/logo.svg and use it in the navbar.
  • AI 生成的图像 会上传至 blob 存储,并下载到项目的 src/assets/ 目录
  • 图库照片(Unsplash / Pexels)会下载到项目的 src/assets/ 目录
  • 运行时上传的图像(来自应用用户)通过 文件与媒体 SDK 处理

如果你的应用需要为终端用户(而非 Builder)集成特定的模型或服务商,AI 可以对接任意图像生成服务:

  • DALL-E / OpenAI"Add an image generation page that calls OpenAI's images API"
  • Stable Diffusion / Stability AI"Integrate Stability AI with an SDXL model"
  • Replicate"Add Replicate-powered image gen with model selection"

在提问之前,请先在环境变量中添加对应服务商的 API 密钥。