Oliver/derez.ai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Blog: add speed-run-kie-ai-image — generate images via Kie.ai multi-model API with Hermes Agent

Browse Source
This commit is contained in:
Oliver
2026-06-11 12:49:15 -03:00
parent c2302c1e31
commit 41c2dc0f3a
2 changed files with 171 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
blog/posts/speed-run-kie-ai-image.html
+162
View File
@@ -0,0 +1,162 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="robots" content="index, follow" />
<link rel="canonical" href="https://derez.ai/blog/posts/speed-run-kie-ai-image.html" />
<title>Speed Run: Generate Images with Kie.ai &amp; Hermes Agent — Derez.ai Blog</title>
<meta name="description" content="From zero to an AI-generated image in under 10 minutes. Connect Kie.ai's multi-model API to Hermes Agent and generate production-quality visuals." />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://derez.ai/blog/posts/speed-run-kie-ai-image.html" />
<meta property="og:title" content="Speed Run: Generate Images with Kie.ai &amp; Hermes Agent" />
<meta property="og:description" content="From zero to an AI-generated image in under 10 minutes. Connect Kie.ai's multi-model API to Hermes Agent and generate production-quality visuals." />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Speed Run: Generate Images with Kie.ai &amp; Hermes Agent" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700&display=swap" rel="stylesheet" />
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
background: #08080c;
color: #e8e8f0;
font-family: 'Inter', sans-serif;
line-height: 1.7;
padding: 40px 20px;
}
.container { max-width: 720px; margin: 0 auto; }
a { color: #00f5ff; text-decoration: none; }
a:hover { text-decoration: underline; }
.back { margin-bottom: 32px; display: inline-block; font-size: 0.9rem; color: #888; }
.back:hover { color: #00f5ff; }
h1 { font-size: 1.9rem; font-weight: 700; line-height: 1.3; margin-bottom: 12px; }
.meta { font-size: 0.85rem; color: #888; margin-bottom: 40px; display: flex; gap: 12px; align-items: center; }
.area-tag {
display: inline-block;
background: #f472b6;
color: #000;
font-size: 0.75rem;
font-weight: 700;
padding: 2px 10px;
border-radius: 20px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.chip-tag {
display: inline-block;
background: rgba(0,245,255,0.1);
color: #00f5ff;
border: 1px solid rgba(0,245,255,0.3);
font-size: 0.75rem;
font-weight: 600;
padding: 2px 10px;
border-radius: 20px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
h2 { font-size: 1.3rem; font-weight: 600; margin: 36px 0 12px; color: #f0f0ff; }
h3 { font-size: 1.1rem; font-weight: 600; margin: 24px 0 8px; color: #e0e0f0; }
p { margin-bottom: 16px; color: #c8c8d8; }
ul, ol { margin: 0 0 16px 24px; color: #c8c8d8; }
li { margin-bottom: 6px; }
code { background: #0e0e14; padding: 2px 6px; border-radius: 4px; font-size: 0.9em; color: #00f5ff; }
strong { color: #f0f0ff; }
.prereq-group { margin-bottom: 16px; }
.prereq-group > .group-label { font-weight: 600; color: #f472b6; margin-bottom: 4px; }
.prompt-box {
background: #0e0e14;
border: 1px solid #1a1a24;
border-radius: 12px;
padding: 20px 24px;
margin: 16px 0 24px;
font-style: italic;
color: #c8c8d8;
}
.prompt-box code { background: #001a18; }
.pro-tip {
background: rgba(0,245,255,0.06);
border-left: 3px solid #00f5ff;
border-radius: 8px;
padding: 16px 20px;
margin: 20px 0;
font-size: 0.92rem;
color: #d0d0e0;
}
.pro-tip strong { color: #00f5ff; }
@media (max-width: 600px) {
body { padding: 24px 16px; }
h1 { font-size: 1.5rem; }
}
</style>
</head>
<body>
<div class="container">
<a class="back" href="https://derez.ai/#blog">&larr; Back to Blog</a>
<h1>Speed Run: Generate Images with Kie.ai &amp; Hermes Agent</h1>
<div class="meta">
<span>June 11, 2026</span>
<span class="area-tag">speed-run</span>
<span class="chip-tag">hermes</span>
</div>
<h2>Introduction</h2>
<p>
This speed run shows you how to connect Hermes Agent to <a href="https://kie.ai/?utm_source=derez" target="_blank">Kie.ai</a> — a multi-model API that gives you access to over 70 image generation models through a single endpoint. GPT Image 2, Flux-2, Grok Imagine, Google Nano Banana, Recraft, Ideogram — your agent can use any of them to create production-quality visuals on demand.
</p>
<p>
In under 10 minutes you'll go from zero to an agent that generates images from a text prompt and saves them directly to your agent's file system. No coding, no manual API calls.
</p>
<h2>Prerequisites</h2>
<p>Before you start, make sure you have your Kie.ai API key ready:</p>
<div class="prereq-group">
<div class="group-label">Integration &mdash; Kie.ai API</div>
<ul>
<li><strong>API Base URL</strong> &mdash; <code>https://api.kie.ai</code></li>
<li><strong>API Key</strong> &mdash; <code>kie-sk-ZXhhbXBsZS1hcGkta2V5LWZvci1kZW1v</code></li>
<li><strong>Model</strong> &mdash; <code>gpt-image-2</code> (or any image model from <a href="https://kie.ai/market?utm_source=derez" target="_blank">kie.ai/market</a>)</li>
</ul>
</div>
<p>Don't have a Kie.ai account yet? <a href="https://kie.ai/?utm_source=derez" target="_blank">Sign up here for free</a> — you get credits to start generating immediately.</p>
<h2>Prompt</h2>
<p>We configured two prompts on the agent's dashboard at <strong>app.derez.ai</strong>. The first connects your agent to the Kie.ai API. The second tells it what image to create.</p>
<div class="prompt-box">
<strong>Prompt 1 &mdash; Kie.ai Integration</strong><br /><br />
Generated by the Derez Dashboard
</div>
<div class="prompt-box" style="margin-top:-8px">
<strong>Prompt 2 &mdash; Generate Image</strong><br /><br />
Generate a 1920x1080 cyberpunk cityscape at night using the Kie.ai API. Use the model <code>gpt-image-2</code> with prompt: "Cyberpunk city at night, neon lights reflecting on wet asphalt, flying vehicles between skyscrapers, volumetric lighting, cinematic composition, 4K, high detail."<br /><br />
Set <code>n=1</code> and <code>size=1920x1080</code>. Save the generated image URL to my agent's workspace as <code>cyberpunk-cityscape.jpg</code>. Then download the image from the Kie.ai generated URL and save it to the file.
</div>
<p>The first prompt authenticates with Kie.ai using your API key from the dashboard integration. The second prompt instructs the agent to call the Kie.ai image generation endpoint, download the result, and save it — all in one automated sequence.</p>
<h2>Wrap Up</h2>
<p>
In under 10 minutes you went from nothing to an AI agent that generates images through <a href="https://kie.ai/?utm_source=derez" target="_blank">Kie.ai</a>'s multi-model API. The same pattern works for any of the 70+ image models they support — swap the model name in the prompt and you're using a completely different engine without changing any other configuration.
</p>
<div class="pro-tip">
<strong>Pro tip:</strong> Set up a cron job on your agent to generate daily images — a "hero image for today's blog post" or "social media banner" schedule. The agent calls Kie.ai, downloads the result, and even uploads it to your Nextcloud or sends it via email, all without your involvement.
</div>
<p>
Use coupon code <strong>BLOG950</strong> at checkout to get $9.50 off your first month — zero risk, full access.
</p>
<p>
<a href="https://derez.ai/#pricing">Deploy your own image-generating agent now.</a>
</p>
<p style="margin-top:48px;padding-top:24px;border-top:1px solid #1a1a24;font-size:0.85rem;color:#666;">
<a href="https://derez.ai" style="color:#00f5ff">Derez.ai</a> — Deploy your AI agent in 5 minutes.
</p>
</div>
</body>
</html>