@@ -210,35 +210,25 @@ Pipedream supports MCP servers for building serverless workflows. Connect the HT
210210
211211Once 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