Huashu Design
alchaincyf · Skill
Turns a one-line request in your AI agent into a finished design: a launch animation, a clickable app prototype, an editable slide deck, an infographic or a se…
An n8n workflow with a webhook: open its address with a prompt after ?input= and an OpenAI image model draws the picture. The image comes back in the same call, so a browser shows it on the spot.
Web address that draws a picture from a prompt with OpenAI is an n8n workflow in the Developer category, listed by Mindket. It is free. This is version 1, last updated on . Download it on this page or copy its JSON, then import it into an n8n canvas. Nothing runs until you activate it in n8n.
Web address
It starts when someone opens the webhook’s address with the prompt after ?input=:
The browser or app that opened the address receives the picture as an image file in the same call
What you need before you start.
Image generation
Runs gpt-image-2.6-flare through the OpenAI node’s image step, with the prompt taken from the address.
NeedsOpenAI API key, in an OpenAI credential
Checked by Mindket on 13 Nov 2026
This n8n workflow turns a web address into a small image maker. It waits for a GET request, reads the input value from the address and sends it to an OpenAI image model as the prompt. The picture comes back in the same call as a file, so a browser shows it right away. Three nodes do the work, beside four sticky notes that explain the steps.
Developers and makers who want a plain picture endpoint for a prototype, a page of their own or another tool’s HTTP step. Skip it if you need a guarded public service. As imported, anyone who has the address can start a run.
| Industry | Who uses it | How they use it | Example |
|---|---|---|---|
| Web development | Front-end developers | Point an image tag at the address with a prompt in it | A developer fills a mockup page with pictures drawn from prompts. |
| Marketing | Content teams | Open the address by hand to try prompts for post pictures | A marketer tries five prompts for a launch post by editing the address. |
| No-code building | Makers | Call the address from another tool’s HTTP step and keep the file | A maker’s form tool fetches one picture for each new entry. |
| Education | Teachers | Draw an illustration for a handout from one line | A teacher gets a picture of the water cycle for a worksheet. |
You need a little n8n: import a file, add one OpenAI credential and paste an address into a browser.
Any n8n that can reach OpenAI’s API will run it. The picture goes back to whoever opened the address.
Download saves a zip with workflow.json and Mindket’s setup notes in your downloads folder. One OpenAI key covers it.
| Need | Detail |
|---|---|
| n8n | On n8n Cloud or on a server of your own |
| OpenAI | An API key for an OpenAI credential, with access to image generation |
workflow.json.OpenAI.Webhook. If the address will be public, change its path from image-api to a long random string.?input= and your prompt, with each space written as %20.Take the webhook’s address, add ?input= and a prompt, and write each space as %20. Open it in a browser or call it from another tool. The reply is the picture, so the browser shows it instead of a page. A missing prompt stops the run with an error.
| To change | Where |
|---|---|
| The model | modelId in OpenAI, gpt-image-2.6-flare in Mindket’s copy |
| The prompt’s source | prompt in OpenAI, which reads query.input from the address |
| The address | The path in Webhook, image-api in Mindket’s copy |
| The reply | Respond to Webhook, which sends back the file as it is |
A developer adds ?input=a%20red%20bicycle%20against%20a%20brick%20wall to the production address and opens it in a browser.
The webhook passes that prompt to the image model. The model draws the picture, and Respond to Webhook returns it as an image file. The browser shows a red bicycle against a brick wall instead of a page of text.
If you are new. n8n draws a workflow as boxes joined by lines, and each box, a node, does one job. This one is a straight line of three: the webhook, the OpenAI node and the reply. The four sticky notes on the canvas label the steps and say how to build the address. Run it once with a short prompt.
For experts. The prompt travels in the query string, so there is no body to parse and no path variable.
| Node | What it does | What to know |
|---|---|---|
Webhook | Webhook 1.1 with no method set, so it listens for GET | responseMode is responseNode, so the reply comes from Respond to Webhook |
OpenAI | OpenAI node 2.3, resource image, operation generate | The file goes out as a binary field named data, since GPT image models return base64 |
Respond to Webhook | Sends the first binary file back | It takes the file from the field it finds, with no name to set |
Nothing guards the address, and the original copy’s model is gone.
dall-e-3, which OpenAI shut down on 12 May 2026. Mindket’s copy uses version 2.3 of the OpenAI node with gpt-image-2.6-flare. OpenAI’s deprecations page, read on 12 November 2026, names it as the newest replacement for its image models, and its model page calls it made for fast iterationimage-api makes it easier, so use a long random one and add authentication in WebhookAn n8n workflow with a webhook. You open its address with a prompt after ?input=, an OpenAI image model draws a
picture from that prompt, and the picture comes back in the same call. A browser shows it as an image, and another
app can save the file.
workflow.json: the workflow as n8n exports it, seven nodes. Three do the work and four are sticky notes that labelREADME.md: these notes.OpenAI node left its model at the node's default, dall-e-3, which OpenAI shut down on 12 May 2026. It is nowgpt-image-2.6-flare typed in the model's ID field.image-api, and the webhookId is gone.OpenAI node was linked to a credential in its author's n8n. The link is gone, so select your own.workflow.json.OpenAI.Webhook. If the address will be public, change the path from image-api to a long random string.?input= and your prompt, with each space written as %20.Webhook (Webhook 1.1) has no method set, so it listens for GET. It holds the answer untilRespond to Webhook replies. The prompt arrives as query.input.OpenAI (OpenAI node 2.3, resource image, operation generate) sends the prompt to the model. The picture comesdata.Respond to Webhook replies with the binary file. It picks the file from the incoming item on its own.modelId in OpenAI. It is an ID field, so any model name your account can use works there.prompt in OpenAI, which reads {{ $json.query.input }}. Change it to read another field.Webhook.Respond to Webhook. Add a node before it to resize, save or watermark the picture.Options list of OpenAI offers choices that depend on the model, such as size.dall-e-3 on 12 May 2026. Its newest namedgpt-image-2.6-flare, and its model page calls that one made for fastinput stops the node with the error "A non-empty prompt is required."image-api is easy to guess, so use a long random one and add authentication in Webhook.NOTICE.md 612 B README.md 3 KB workflow.json 4 KB
alchaincyf · Skill
Turns a one-line request in your AI agent into a finished design: a launch animation, a clickable app prototype, an editable slide deck, an infographic or a se…
op7418 · Skill
Skill that makes single-file HTML slide decks, slide illustrations and platform covers in two visual styles, with a presenter mode for rehearsal. For speakers…
alirezarezvani · Skill
Adds 411 ready-made skills for Claude Code and other coding agents, grouped by role from engineering and product to marketing, finance and compliance. Installs…
block · Kit
Self-hostable workspace where people and AI agents share the same rooms, built on a Nostr relay that logs every action as a signed event. For teams that want t…
backnotprop · Kit
Opens your AI coding agent's plans, specs and code changes in a browser so you can annotate or comment on them and send the feedback straight back to the agent.
alibaba · Kit
Reviews Git changes with an AI agent that reads files and searches the codebase, then writes comments tied to exact lines. It suits developers who want automat…