AcademyMCP serversDesign and media

webpage-screenshot-mcp

Design and front-end teams who want an AI assistant to check how a web interface looks while it is being built.

Use it nowWant it running at your company?
  • Listedour rating
  • 56gitHub stars
  • MITlicence
  • 16 months agolast update

Use it now

Open inClaudeChatGPTGeminiPerplexity
git clone https://github.com/ananddtyagi/webpage-screenshot-mcp.git
Open the original ↗

Third party software. By copying, downloading or installing it you accept the Academy legal notice: you are responsible for reviewing its code and permissions before use.

README.md

Loading the file...

What it does

An MCP server that takes screenshots of web pages with Puppeteer, so an AI assistant can look at a page while a team builds its interface. It can capture the full page, the visible area, or one element chosen with a CSS selector, in PNG, JPEG or WebP. The images come back encoded in base64, so the assistant can read them directly.

Use cases

  1. 01Check a page layout after each change to the interface
  2. 02Capture one component by its CSS selector
  3. 03Share a screenshot of a page section in a design review

Questions about
webpage-screenshot-mcp.

What is webpage-screenshot-mcp used for?

Design and front-end teams who want an AI assistant to check how a web interface looks while it is being built. An MCP server that takes screenshots of web pages with Puppeteer, so an AI assistant can look at a page while a team builds its interface. It can capture the full page, the visible area, or one element chosen with a CSS selector, in PNG, JPEG or WebP. The images come back encoded in base64, so the assistant can read them directly.

How do I install webpage-screenshot-mcp?

Run this in your terminal: git clone https://github.com/ananddtyagi/webpage-screenshot-mcp.git

Is webpage-screenshot-mcp open source?

Yes. The code is on GitHub (ananddtyagi/webpage-screenshot-mcp) under the MIT licence.

Is webpage-screenshot-mcp safe to use?

It passed our automatic scan for credential theft, hidden instructions and risky install commands. Third party open source software. Sabemos AI does not maintain it. Check the code and permissions before you connect it to company data.

Related resources

Read the guide: AI marketing content systems ↗

  1. 001Algorithmic ArtDesign and marketing teams who want original generative visuals for campaigns, events or web pages.OfficialSkill
  2. 002Canvas DesignDesign and marketing teams who need original posters or visual pieces with a clear aesthetic direction.OfficialSkill
  3. 003Frontend DesignDesign and web teams building landing pages or interfaces that need a distinct visual identity.OfficialSkill
  4. 004Framelink MCP for FigmaDesign and front-end teams that want an AI coding agent to build interfaces from Figma files.RecommendedMCP server · ★ 16k
  5. 005Magic MCP (21st MCP)Design and front-end teams that want an assistant to produce interface components inside their editor.RecommendedMCP server · ★ 6k
  6. 006davinci-resolve-mcpVideo and creative teams that want an AI assistant to help with editing, organizing media and project tasks in DaVinci Resolve.RecommendedMCP server · ★ 3.5k