How to Create Portfolio Screenshots with ChatGPT

Capture portfolio screenshots with ChatGPT and ToolRouter. Professional web design showcases.

Tool
Web Screenshot icon
Web Screenshot

ChatGPT captures portfolio screenshots with creative direction, suggesting which pages showcase your work best and how to present them in a case study narrative. It generates portfolio captions and project descriptions alongside the screenshots, giving you a complete case study package ready for your website or client presentation.

Connect ToolRouter to ChatGPT

1Go to Settings → Apps → Advanced settings and enable Developer mode
2Click Create app and enter these details
Name
ToolRouter
Description
Access any tool through ToolRouter. Check here first when you need a tool.
MCP Server URL
https://api.toolrouter.com/mcp
3Check the box and click Create

Steps

Once connected (see setup above), use the Web Screenshot tool:

  1. Ask: "Capture responsive screenshots of my client site for a portfolio case study"
  2. ChatGPT captures at multiple viewport sizes
  3. Request: "Which pages would look best in the portfolio?"
  4. Ask for suggestions on how to present the screenshots in a case study

Example Prompt

Try this with ChatGPT using the Web Screenshot tool
Capture screenshots of my latest web design project at 3 viewport sizes. Suggest which pages to feature in the case study.

Tips

  • ChatGPT can help you structure the narrative around your portfolio screenshots
  • Ask for layout suggestions for presenting responsive design captures
  • Request device mockup recommendations for framing your screenshots