AI 图像生成
直接在 AI 对话中生成自定义图像或查找图库照片。内置功能,无需 API 密钥。
Proyecta 的 AI 可以在构建过程中生成图像。内置两个工具——一个用于生成自定义 AI 视觉内容,另一个用于获取精选图库照片。无需任何第三方 API 密钥。
内置图像生成
Section titled “内置图像生成”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:1、16:9、9:16、4:3、3:4)和质量(medium、high)。
图库照片(Unsplash / Pexels)
Section titled “图库照片(Unsplash / Pexels)”如需精选的真实摄影作品,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 与 SVG
Section titled “Logo 与 SVG”对于 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.图像的存储位置
Section titled “图像的存储位置”- AI 生成的图像 会上传至 blob 存储,并下载到项目的
src/assets/目录 - 图库照片(Unsplash / Pexels)会下载到项目的
src/assets/目录 - 运行时上传的图像(来自应用用户)通过 文件与媒体 SDK 处理
第三方服务商
Section titled “第三方服务商”如果你的应用需要为终端用户(而非 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 密钥。