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".
الانتقال إلى التثبيت سوق المهارات اكتشف واستكشف مهارات الذكاء الاصطناعي التي بناها المجتمع.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
نسخ Promptعرض تفاصيل Prompt يتجاوز الأمر المباشر Prompt المخصّص للمراجعة. افحص المصدر قبل تشغيله.
npx skills add https://github.com/jeremylongshore/claude-code-plugins-plus-skills --skill ideogram-core-workflow-bيبقى الأمر في سطر واحد. مرّر أفقيًا لمراجعته كاملًا قبل النسخ.
تفضّل نسخة محلية؟ نزّل الملفات المتاحة حاليًا لدى SkillsMP.
تحميل Zip جاري التحميل... المزيد من هذا المستودع 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".
المهن ذات الصلة SOC
استنادا إلى تصنيف SOC المهني
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);
form. ( , options. ?? );
form. ( , options. ?? );
form. ( , options. ?? );
response = ( , {
: ,
: { : process. . ! },
: form,
});
(!response. ) ( );
result = response. ();
imgResp = (result. [ ]. );
buffer = . ( imgResp. ());
( , { : });
( , buffer);
result;
}
( , ,
);
( , ,
, { : });
"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.