图片制作

SKILL前端设计
前端设计 未标注权限 许可证不明确
安装这个技能

✅ 文本生成图片(T2I) ✅ 图片编辑(I2I) ✅ 多图融合 ✅ 批量生成多张图片 ✅ - `NEWAPI_API_KEY`: New API访问密钥(必需) - `BASE_URL`: 自定义API端点(可选,默认:https://docs.newapi.pro/v1) ✅ 支持所有Seedream模型

一句话选型结论

按资料字段整理

图片制作是前端设计类的 Agent Skill,安装方式未标注,权限级别未标注,许可证不明确,有可直接复制的安装命令。技能本质是给模型读的说明书,效果取决于模型与客户端;装完先用一个小任务验证,再放进正式流程。

分类前端设计 安装方式未标注 权限级别未标注权限 许可证许可证不明确
累计安装 未标注 本周 未标注
GitHub 星标 未标注 仓库 未标注
下载量 未标注 技能市场下载数
权限级别 未标注权限 安装前请确认风险范围
许可证 许可证不明确 未说明

安装

未标注
在支持 Skills 的客户端里执行,装完问一句「你有哪些技能」验证
skillhub install user_a0de7824/tupian
  1. 1
    确认客户端支持

    确认你的客户端支持 Skills(Claude、Codex、Cursor 等),并升级到较新的版本。

  2. 2
    拿到技能文件

    执行上面的命令安装;也可以把仓库里的 SKILL.md 手动放进客户端的 skills 目录。

  3. 3
    刷新技能列表

    重新打开客户端,或刷新技能列表,让新放进来的技能被加载。

  4. 4
    验证是否生效

    问一句「你有哪些技能」,确认列表里出现它,再拿一个小任务试跑。

技能档案

前端设计
字段来自技能仓库与公开索引,中文说明由本站标注
作者 / 维护方user_a0de7824仓库 未标注 · 版本 未标注
宿主客户端未标注技能可被这些客户端加载
安装方式未标注安装包 community
权限级别未标注权限安装前请确认风险范围
许可证未说明许可证不明确,商用前请自行确认条款
仓库可用性available技能仓库当前是否可访问
最近核验2026-11-06上游最后核验时间 · 数据更新 2026-11-06
正文体量5.9 KBSKILL.md 原文大小,越大说明说明书写得越细

典型使用场景

3 类
按分类整理的常见用法,具体以 SKILL.md 为准
出页面与组件

按描述生成页面结构和组件草稿。

调整样式与布局

改间距、配色与响应式布局。

生成设计说明

把设计稿整理成开发能接的说明。

选择建议

装之前先看这几条
按条目字段给出的判断,不替你决定用不用

值得选的地方

  • 有可直接复制的安装命令,不用自己翻文档找入口。

先想清楚的地方

  • 没有标注权限级别,实际能做什么要装好后确认。
  • 许可证不明确,商用或二次分发前先到仓库确认条款。
  • 没有做站内核验,内容以作者仓库为准。
  • 技能只是说明书,实际效果取决于模型与客户端,装完先用小任务试一遍。

更适合

  • 需要在前端设计场景里给模型补一套做法的人。
  • 愿意先读一遍 SKILL.md、确认它会让模型做什么的人。

不太适合

  • 对许可证要求很严、必须明确可商用的人。
  • 只想装完就自动变强、不打算看说明书的人。

同类对比

6 个同类
同分类里挑最接近的几条,字段以各自详情页为准
技能权限级别安装方式累计安装宿主客户端安装命令
图片制作当前 未标注权限 未标注 未标注 未标注 有
前端设计 只读 GitHub 仓库 882.3 万 Codex、Claude、Cursor 有
Vercel 组合模式 联网访问 GitHub 仓库 385.9 万 Codex、Claude、Cursor 有
Vercel React native skills 前端 只读 GitHub 仓库 246.9 万 Codex、Claude、Cursor 有
adapt 搜索 浏览器控制 GitHub 仓库 202.7 万 Codex、Claude、Cursor 有
使用我的浏览器 浏览器控制 GitHub 仓库 184.8 万 Codex、Claude、Cursor 有

SKILL.md 全文

5.9 KB
模型实际读到的说明书原文,来自技能仓库

name: newapi-image-generate
description: 基于New API的OpenAI兼容格式图像生成技能。支持文本生成图片、图片编辑等功能,完全兼容New API图像生成接口规范。
official: false
version: 1.0.0


New API 图像生成技能

基于New API的OpenAI兼容格式图像生成工具,支持文本生成图片、图片编辑等多种创作模式,完全遵循New API图像生成接口规范。

配置

  • Base URL: https://your-new-api-server-address/v1(默认使用New API官方地址)
  • API Key: 从环境变量 NEWAPI_API_KEY 读取
  • 认证方式: Authorization: Bearer {API_KEY}
  • API规范: 完全兼容OpenAI /v1/images/generations 接口格式

快速开始

第一步:设置 API Key

# macOS / Linux - 当前终端临时生效
export NEWAPI_API_KEY="你的New API密钥"

# Windows PowerShell - 当前会话临时生效
$env:NEWAPI_API_KEY="你的New API密钥"

# 验证设置成功
echo $NEWAPI_API_KEY

第二步:生成你的第一张图片

bash "$SKILLS_ROOT/newapi-image-generate/scripts/generate-image.sh" \
  --prompt "一只可爱的橘色小猫"

前置依赖

  • Node.js 16+ 或 LobsterAI 内置运行时
  • 无需额外安装依赖,脚本自动兼容环境

工作流程

  1. 参数解析 - 解析命令行参数,验证输入合法性
  2. API请求 - 按照New API格式构造请求,发送到图像生成接口
  3. 结果处理 - 接收并下载生成的图片文件
  4. 输出保存 - 将生成的图片保存到指定路径

支持的功能

1. 文本生成图片(T2I)

根据文字描述生成图片,支持所有兼容OpenAI格式的模型。

bash "$SKILLS_ROOT/newapi-image-generate/scripts/generate-image.sh" \
  --prompt "赛博朋克风格,未来城市夜景,霓虹灯闪烁"
  --size "1024x1024"
  --output cyberpunk_city.png

2. 图片编辑(I2I)

基于已有图片进行编辑,支持本地图片和网络URL。

# 使用本地图片
bash "$SKILLS_ROOT/newapi-image-generate/scripts/generate-image.sh" \
  --prompt "将背景改为海边日落"
  --image "/path/to/your/image.jpg"
  --output edited_image.png

# 使用网络图片
bash "$SKILLS_ROOT/newapi-image-generate/scripts/generate-image.sh" \
  --prompt "添加卡通滤镜效果"
  --image "https://example.com/photo.jpg"
  --output filtered_photo.png

3. 多图融合

融合多张参考图的特征生成新图像。

bash "$SKILLS_ROOT/newapi-image-generate/scripts/generate-image.sh" \
  --prompt "将人物服装替换为参考图中的服装"
  --image "/path/to/person.jpg" \
  --image "https://example.com/clothes.jpg" \
  --output fusion_result.png

4. 批量生成图片

生成多张内容关联的图片。

bash "$SKILLS_ROOT/newapi-image-generate/scripts/generate-image.sh" \
  --prompt "生成4张不同角度的产品展示图"
  --n 4 \
  --output product_shot.png

参数说明

必需参数

参数 说明 示例
--prompt 图片描述提示词(必需) "一只可爱的小猫"

可选参数

参数 说明 默认值 可选值
--image 参考图片路径或URL(可多次使用) 无 本地文件路径或URL
--model 模型ID gpt-image-1 dall-e-2, dall-e-3, gpt-image-1
--size 图片尺寸 1024x1024 参考New API文档
--n 生成图片数量 1 1-10
--quality 图片质量 standard standard, hd
--response_format 返回格式 url url, b64_json
--user 唯一用户标识 无 任意字符串
--background 背景透明度 无 透明, 不透明, 自动(仅gpt-image-1)
--moderation 内容审核级别 自动 低, 自动(仅gpt-image-1)
--output 输出文件路径 generated_image.png 文件路径
--timeout 请求超时时间(秒) 300 60-600

模型选择

gpt-image-1(推荐)

  • 模型ID: gpt-image-1
  • 特点: 最新模型,支持更多参数和更高质量
  • 支持: 背景透明度、内容审核级别等高级功能

dall-e-2

  • 模型ID: dall-e-2
  • 特点: 成熟稳定版本
  • 支持: 基础图像生成功能

dall-e-3

  • 模型ID: dall-e-3
  • 特点: 更高质量的图像生成
  • 限制: 仅支持n=1

错误处理

常见错误及解决方案

错误:未设置环境变量 NEWAPI_API_KEY
- 原因:未配置API密钥
- 解决:按照"快速开始"中的说明设置环境变量

错误:API请求失败(401)
- 原因:API Key无效或已过期
- 解决:检查API Key是否正确,重新生成密钥

错误:API请求失败(400)
- 原因:参数错误(如提示词为空、尺寸不支持等)
- 解决:检查参数是否符合New API文档要求

错误:任务超时
- 原因:生成时间过长或API繁忙
- 解决:增加--timeout参数值,或稍后重试

错误:限流(429)
- 原因:超过请求频率限制
- 解决:等待一段时间后重试,或升级配额

输出格式

生成的图片具有以下特征:
- 格式: PNG/JPEG/WebP
- 分辨率: 根据size参数自动调整
- 文件大小: 约0.5-10MB
- 命名规则:
- 单图:指定的文件名
- 批量:文件名_1.png, 文件名_2.png, ...

提示词最佳实践

优秀提示词要素

  1. 主体描述: 明确画面的主要内容
  2. 风格指定: 写实、卡通、赛博朋克等
  3. 细节补充: 色彩、光线、氛围等
  4. 构图说明: 特写、全景、俯视等视角

示例提示词

写实风格,一只橘色小猫坐在木制窗台上,阳光从左侧洒进来,温暖治愈的氛围,特写构图

参考资料

  • New API文档: https://docs.newapi.pro/zh/docs/api/ai-model/images/openai/post-v1-images-generations
  • New API官方网站: https://newapi.pro

常见问题

5 问
答案由本站依据条目字段整理
图片制作怎么安装?

在支持 Skills 的客户端里执行:skillhub install user_a0de7824/tupian。安装方式为未标注。装完刷新技能列表或重开客户端。

图片制作支持哪些客户端?

资料没有标注宿主客户端,但只要客户端支持 Skills(Claude、Codex、Cursor 等),一般都能加载。

图片制作权限高吗,安全吗?

权限级别为未标注权限。安装前先看它会读取或写入哪些内容。

图片制作收费吗?

本站不代收费用,也没有标注具体价格。是否收费取决于技能本身和所用的模型或客户端,正式使用前按作者说明确认。

图片制作用什么许可证?

许可证标注为 未说明(许可证不明确)。商用或二次分发前请到仓库确认条款原文。

热门专题

按场景挑技能
全部专题 →

技能内容以作者仓库为准;分类、权限级别与许可证状态的中文说明为中文整理,最近核验 2026-11-06。