This article introduces the application of Dream MCP in AI mapping, explains in detail how to use Dream MCP to achieve AI graphing freedom through the combination of Cursor and Cherry Studio, and provides specific steps to activate the Dream API, configure MCP server, set environment variables and clients, and also show application cases in different scenarios.
Recently, the official API has been released. And it is directly placed on the Byte Volcano engine.
Therefore, the use of AI mapping is no longer just a dream platform, but also a free AI image generation in minutes with MCP’s capabilities.
What does a product manager need to do?
In the process of a product from scratch, it is not easy to do a good job in the role of product manager, in addition to the well-known writing requirements, writing requirements, writing requirements, there are many things to do. The product manager is not what you think, but will only ask you for trouble, make a request:
View details >
For example, when I configured the MCP in Cursor and asked Cursor to draw a dog.
Open the link to get the image you want.
But the picture cannot be displayed directly on Cursor’s Chat page, so we can shift the battlefield.
The same configuration of the Dream MCP in Cherry Studio. Enter a prompt for this:
Make a vlog video cover. Macaron color scheme, beautiful travel photos + color block collage style, the main copy is “Weihai Tourism Vlog”, the secondary copy is “Special Forces One-day Tour Underrated Tourist City”, the main body of the poster is a girl wearing a short skirt and a double ponytail, and the character is white with strokes
You can get such a video cover directly.
This feeling came up instantly, and in the future, if you want to match pictures and draw posters, you can do it directly, MCP is really convenient.
How to do it? The article will directly give you a tutorial for configuration of operations!
What other fun ways can you play?
Do you remember when I used Cursor+12306 MCP to design a station site tour map?
The generated site travel map, the pictures in it are somewhat far-fetched, I was wondering if the dream MCP can help me solve this problem?
Also ask Cursor to check ticket information and stop information along the way.
Then modify it slightly according to the previous prompt,The logic of the image is retrieved from the original network and modified to be generated by dreams.
Please make a webpage based on the information of the G68 route site, ask to introduce the famous attractions and special delicacies of the site, and follow the following requirements:
1. Visual design using the Bento Grid style.
2. Emphasize oversized fonts or numbers to highlight the core points, and there are oversized visual elements in the picture to emphasize the key points, which contrasts with the proportion of small elements
3. Mixed Chinese and English, Chinese large fonts in bold, and small English characters as embellishments
4. Concise outline graphics are used as data visualization or illustration elements
5. Use the transparency gradient of the highlight color to create a sense of technology, but do not graduate different high colors from each other
6. Imitate the animation of Apple’s official website, scroll down the mouse to match the animation
7. The data can refer to the online chart component, and the style needs to be consistent with the topic
8. Use Framer Motion (Bring in via CDN)
9. Use HTML5, TailwindCss 3.0+ (brought in via CDN), and necessary JavaScript
10. Use professional icon libraries like Font Awesome or Material lcons (brought in via CDN)
11. Avoid using emojis as the main icon
12. Don’t omit the main points of the content
13. Help me generate relevant prompts based on site information, directly call Dream MCP to generate images, and embed the image link into the web page to make the website look better
Then deploy the web page.
As you can see, Cursor calls Dream MCP to generate a picture for each city.
After a few minutes, Cursor has generated a web page, open it and see the effect.
Then call Tencent’s edgeone-pages-mcp in Cursor to deploy the web page directly with one click. You get a beautiful web page that you can access.
I put him in the comment section. Interested friends can visit.
Then feel the immersive tutorial below. I summarize the main steps.
The first step is to open the Dream API of Volcano Engine. Address: https://www.volcengine.com/product/jimeng
There are pictures and videos here, first open the video, and then choose the free trial first.
You will then need to obtain the API key, which is required in the MCP configuration. Open the Volcano console: https://console.volcengine.com/iam/keymanage
These are these 2 things, save them first, and use them in the second step.
The second step is to download the MCP server
1. Download git clone git@github.com: freestylefly/jimengpic-mcp.git
2. Installation depends on cd jimengpic-mcpnpm install
3. Compile the project npm run build
The third step is to configure environment variables
Here you can copy the volcano API key from the first step.
export JIMENG_ACCESS_KEY=”Your Volcano Engine AccessKey” export JIMENG_SECRET_KEY=”Your Volcano Engine SecretKey”
Step 4, Cursor client configuration
{ “mcpServers”: {
“jimengpic”: {
“command”: “node”,
“args”: [“/path/to/jimengpic-mcp/build/index.js”],
“env”: { “JIMENG_ACCESS_KEY”: “your AccessKey”,
“JIMENG_SECRET_KEY”: “Your SecretKey”
}
}
}
}
Args with your MCP installation path.
Or you can configure it directly in Cherry Studio in the same way. Then you can use it directly.
This MCP is relatively new and currently only has image editing capabilities, but the following tools are available when users need to generate images.
After supporting APIs, there are more things to play, such as directly creating an official account cover image with one click.
