Skip to content

Commit 2ba8c94

Browse files
committed
improve prompts
1 parent a27ee85 commit 2ba8c94

File tree

1 file changed

+15
-25
lines changed

1 file changed

+15
-25
lines changed

integrations/mcp.md

Lines changed: 15 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -210,35 +210,25 @@ Pipedream supports MCP servers for building serverless workflows. Connect the HT
210210

211211
Once configured, you can ask your AI assistant to generate images naturally. Here are some examples:
212212

213-
### Create an Image from HTML
213+
**Create an image from HTML:**
214+
- "Create an image of a blue button that says 'Subscribe Now' with rounded corners and a subtle shadow"
215+
- "Generate a social card with a gradient background and the title 'Hello World'"
214216

215-
> "Create an image of a blue button that says 'Subscribe Now' with rounded corners and a subtle shadow"
217+
**Screenshot a website:**
218+
- "Take a screenshot of https://stripe.com with device_scale set to 2 for high resolution"
219+
- "Screenshot the pricing table on https://example.com/pricing using the selector '.pricing-grid'"
216220

217-
The AI will generate the HTML/CSS and use the `create_image` tool to render it.
221+
**Generate social media images:**
222+
- "Create a Twitter/X card image with a gradient background, the title 'Launching Soon', and our logo"
223+
- "Make an Open Graph image for my blog post about Python"
218224

219-
### Screenshot a Website
225+
**Batch create images:**
226+
- "Create 10 variations of a product card image, each with a different background color"
220227

221-
> "Take a screenshot of https://stripe.com with device_scale set to 2 for high resolution"
222-
223-
### Screenshot a Specific Element
224-
225-
> "Screenshot the pricing table on https://example.com/pricing using the selector '.pricing-grid'"
226-
227-
### Generate Social Media Images
228-
229-
> "Create a Twitter/X card image with a gradient background, the title 'Launching Soon', and our logo"
230-
231-
### Batch Create Images
232-
233-
> "Create 10 variations of a product card image, each with a different background color"
234-
235-
### Work with Templates
236-
237-
> "List my saved templates"
238-
239-
> "Create an image using my 'social-card' template with the title set to 'New Feature Release'"
240-
241-
> "Save this HTML/CSS as a template called 'blog-header' so I can reuse it"
228+
**Work with templates:**
229+
- "List my saved templates"
230+
- "Create an image using my 'social-card' template with the title set to 'New Feature Release'"
231+
- "Save this HTML/CSS as a template called 'blog-header' so I can reuse it"
242232

243233
## Image Parameters
244234

0 commit comments

Comments
 (0)