Skip to main content
ideogram-core-workflow-b Execute Ideogram secondary workflows: edit (Magic Fill), remix, upscale, describe, and reframe.
Use when modifying existing images, applying style transfer, upscaling,
or building image-to-image pipelines.
Trigger with phrases like "ideogram edit image", "ideogram remix",
"ideogram upscale", "ideogram inpaint", "ideogram magic fill", "ideogram reframe".
설치로 이동 Skills Marketplace 커뮤니티가 만든 AI 스킬을 발견하고 탐색하세요.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
직접 명령은 검토 Prompt를 거치지 않습니다. 실행하기 전에 소스를 확인하세요.
npx skills add https://github.com/jeremylongshore/claude-code-plugins-plus-skills --skill ideogram-core-workflow-b명령은 한 줄로 유지됩니다. 복사하기 전에 가로로 스크롤해 전체 내용을 확인하세요.
로컬 사본을 원하시나요? SkillsMP에서 현재 제공할 수 있는 파일을 다운로드하세요.
Zip 다운로드 다운로드 중... 이 저장소의 다른 Skills Implement user sign-up and sign-in flows with Clerk.
Use when building authentication UI, customizing sign-in experience,
or implementing OAuth social login.
Trigger with phrases like "clerk sign-in", "clerk sign-up",
"clerk login flow", "clerk OAuth", "clerk social login".
Implement session management and middleware with Clerk.
Use when managing user sessions, configuring route protection,
or implementing token refresh and custom JWT templates.
Trigger with phrases like "clerk session", "clerk middleware",
"clerk route protection", "clerk token", "clerk JWT".
Configure enterprise SSO, role-based access control, and organization management.
Use when implementing SSO integration, configuring role-based permissions,
or setting up organization-level controls.
Trigger with phrases like "clerk SSO", "clerk RBAC",
"clerk enterprise", "clerk roles", "clerk permissions", "clerk organizations".
jeremylongshore
jeremylongshore/claude-code-plugins-plus-skills
GitHub 저장소 열기 name ideogram-core-workflow-b description Execute Ideogram secondary workflows: edit (Magic Fill), remix, upscale, describe, and reframe.
Use when modifying existing images, applying style transfer, upscaling,
or building image-to-image pipelines.
Trigger with phrases like "ideogram edit image", "ideogram remix",
"ideogram upscale", "ideogram inpaint", "ideogram magic fill", "ideogram reframe".
allowed-tools Read, Write, Edit, Bash(npm:*), Bash(curl:*), Grep version 1.10.0 license MIT author Jeremy Longshore <jeremy@intentsolutions.io> tags ["saas","ideogram","workflow","editing","remix","upscale"] compatibility Designed for Claude Code, also compatible with Codex and OpenClaw
Ideogram Core Workflow B -- Edit, Remix, Upscale, Describe, Reframe
Overview
Secondary workflows for Ideogram beyond text-to-image generation. Covers five endpoints: Edit (Magic Fill inpainting), Remix (style transfer with image weight), Upscale (enhance resolution), Describe (image-to-text), and Reframe (extend canvas to new aspect ratio). All image-input endpoints use multipart form data.
Prerequisites
Completed ideogram-install-auth setup
Source images in JPEG, PNG, or WebP format (max 10MB each)
For editing: a black-and-white mask image matching source dimensions
Instructions
Step 1: Edit (Magic Fill / Inpainting)
Replace specific regions of an image using a mask. Black regions in the mask indicate areas to regenerate.
import { readFileSync, writeFileSync, mkdirSync } from "fs" ;
async function editImage (imagePath : string , maskPath : string , prompt : string , options : {
style_type?: string ;
rendering_speed?: string ;
magic_prompt?: string ;
} = {}const form = new FormData ();
form.append ("image" , new Blob ([readFileSync (imagePath)]), "image.png" );
form.append ("mask" , new Blob ([readFileSync (maskPath)]), "mask.png" );
form.append ("prompt"
append
"style_type"
style_type
"GENERAL"
append
"rendering_speed"
rendering_speed
"DEFAULT"
append
"magic_prompt"
magic_prompt
"AUTO"
const
await
fetch
"https://api.ideogram.ai/v1/ideogram-v3/edit"
method
"POST"
headers
"Api-Key"
env
IDEOGRAM_API_KEY
body
if
ok
throw
new
Error
`Edit failed: ${response.status} ${await response.text()} `
const
await
json
const
await
fetch
data
0
url
const
Buffer
from
await
arrayBuffer
mkdirSync
"./output"
recursive
true
writeFileSync
`./output/edited-${result.data[0 ].seed} .png`
return
await
editImage
"product.png"
"background-mask.png"
"Clean white studio background with soft shadows"
await
editImage
"poster.png"
"text-area-mask.png"
'Bold red text saying "SALE 50% OFF"'
style_type
"DESIGN"
Step 2: Remix (Style Transfer / Variation) Generate a new image influenced by a source image. The image_weight parameter (1-100) controls how closely the output matches the original.
async function remixImage (imagePath : string , prompt : string , options : {
image_weight?: number ;
aspect_ratio?: string ;
style_type?: string ;
rendering_speed?: string ;
} = {}const form = new FormData ();
form.append ("image" , new Blob ([readFileSync (imagePath)]), "image.png" );
form.append ("prompt" , prompt);
form.append ("image_weight" , String (options.image_weight ?? 50 ));
form.append ("aspect_ratio" , options.aspect_ratio ?? "1x1" );
form.append ("style_type" , options.style_type ?? "GENERAL" );
form.append ("rendering_speed" , options.rendering_speed ?? "DEFAULT" );
const response = await fetch ("https://api.ideogram.ai/v1/ideogram-v3/remix" , {
method : "POST" ,
headers : { "Api-Key" : process.env .IDEOGRAM_API_KEY ! },
body : form,
});
if (!response.ok ) throw new Error (`Remix failed: ${response.status} ` );
return response.json ();
}
await remixImage ("photo.jpg" , "Same scene but in watercolor painting style" , { image_weight : 30 });
await remixImage ("logo.png" , "Same logo but with neon glow effect" , { image_weight : 80 });
Step 3: Upscale (Enhance Resolution) async function upscaleImage (imagePath : string , options : {
prompt?: string ;
resemblance?: number ;
detail?: number ;
} = {}const form = new FormData ();
form.append ("image_file" , new Blob ([readFileSync (imagePath)]), "image.png" );
form.append ("image_request" , JSON .stringify ({
prompt : options.prompt ,
resemblance : options.resemblance ?? 50 ,
detail : options.detail ?? 50 ,
magic_prompt_option : "AUTO" ,
}));
const response = await fetch ("https://api.ideogram.ai/upscale" , {
method : "POST" ,
headers : { "Api-Key" : process.env .IDEOGRAM_API_KEY ! },
body : form,
});
if (!response.ok ) throw new Error (`Upscale failed: ${response.status} ` );
const result = await response.json ();
console .log (`Upscaled: ${result.data[0 ].resolution} -> ${result.data[0 ].upscaled_resolution} ` );
return result;
}
Step 4: Describe (Image to Text) async function describeImage (imagePath : string , modelVersion : "V_2" | "V_3" = "V_3" const form = new FormData ();
form.append ("image_file" , new Blob ([readFileSync (imagePath)]), "image.png" );
form.append ("describe_model_version" , modelVersion);
const response = await fetch ("https://api.ideogram.ai/describe" , {
method : "POST" ,
headers : { "Api-Key" : process.env .IDEOGRAM_API_KEY ! },
body : form,
});
if (!response.ok ) throw new Error (`Describe failed: ${response.status} ` );
const result = await response.json ();
return result.descriptions .map ((d : any d.text );
}
const descriptions = await describeImage ("reference-image.jpg" );
console .log ("Suggested prompts:" , descriptions);
Step 5: Reframe (Extend Canvas) Expand an image to a new resolution while maintaining style consistency.
async function reframeImage (imagePath : string , resolution : string , options : {
rendering_speed?: string ;
style_preset?: string ;
} = {}const form = new FormData ();
form.append ("image" , new Blob ([readFileSync (imagePath)]), "image.png" );
form.append ("resolution" , resolution);
form.append ("rendering_speed" , options.rendering_speed ?? "DEFAULT" );
if (options.style_preset ) form.append ("style_preset" , options.style_preset );
const response = await fetch ("https://api.ideogram.ai/v1/ideogram-v3/reframe" , {
method : "POST" ,
headers : { "Api-Key" : process.env .IDEOGRAM_API_KEY ! },
body : form,
});
if (!response.ok ) throw new Error (`Reframe failed: ${response.status} ` );
return response.json ();
}
await reframeImage ("square-photo.png" , "1344x768" );
Endpoint Quick Reference Endpoint URL Input Key Parameters Edit V3 /v1/ideogram-v3/editimage + mask + prompt style_type, rendering_speedRemix V3 /v1/ideogram-v3/remiximage + prompt image_weight (1-100)Upscale /upscaleimage + image_request JSON resemblance, detail (0-100)Describe /describeimage describe_model_version (V_2/V_3)Reframe V3 /v1/ideogram-v3/reframeimage + resolution rendering_speed, style_preset
Error Handling Error HTTP Status Cause Solution Mask size mismatch 400 Mask dimensions differ from image Ensure mask matches source image size exactly File too large 400 Image exceeds 10MB Compress or resize before uploading Safety rejected 422 Image or prompt flagged Modify content, avoid restricted subjects Format unsupported 400 Not JPEG/PNG/WebP Convert image to a supported format Rate limited 429 Too many requests Queue with delays between calls
Output
Edited, remixed, upscaled, or reframed images downloaded locally
Descriptions array for image-to-text analysis
Metadata including seed, resolution, and safety status
Resources
Next Steps For common errors, see ideogram-common-errors.
