> ## Documentation Index
> Fetch the complete documentation index at: https://www.anything.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Screenshot Layer

> Capture screenshots of any website

Screenshot Layer API allows you to capture high-quality screenshots of any website, enabling you to integrate visual web captures into your applications.

## Overview

<CardGroup cols={2}>
  <Card title="Create Account" icon="user">
    Sign up for a Screenshot Layer account
  </Card>

  <Card title="Get API Key" icon="key">
    Generate your Screenshot Layer API key
  </Card>

  <Card title="Copy into Anything" icon="plug">
    Add your API key to Anything's secrets
  </Card>
</CardGroup>

## Account Creation

<Steps>
  <Step title="Visit Screenshot Layer Website">
    Go to [screenshotlayer.com](https://screenshotlayer.com/) and click "Sign Up" in the top right corner

    <img src="https://mintcdn.com/create/-FyrzxgKR6I2JC9B/images/screenshot-layer/homepage.png?fit=max&auto=format&n=-FyrzxgKR6I2JC9B&q=85&s=2058d47d4550fa2b886d05fee92484ee" style={{ borderRadius: '0.5rem', width: '624px', height: '303px' }} width="2326" height="1098" data-path="images/screenshot-layer/homepage.png" />
  </Step>

  <Step title="Choose a Plan">
    * Select a plan that fits your needs
    * Fill in your registration details
    * Complete the signup process

    <img src="https://mintcdn.com/create/-FyrzxgKR6I2JC9B/images/screenshot-layer/signup.png?fit=max&auto=format&n=-FyrzxgKR6I2JC9B&q=85&s=3c96bdf43ef180e10040a76cb1d5da3d" style={{ borderRadius: '0.5rem' }} width="1008" height="696" data-path="images/screenshot-layer/signup.png" />
  </Step>
</Steps>

## Generate API Key

<Steps>
  <Step title="Access Your Dashboard">
    1. Log in to your Screenshot Layer account
    2. Navigate to the "Dashboard" section
  </Step>

  <Step title="Get Your API Key">
    1. Your API key will be displayed on the dashboard
    2. Copy the API key for use in your applications

    <img src="https://mintcdn.com/create/-FyrzxgKR6I2JC9B/images/screenshot-layer/apigen.png?fit=max&auto=format&n=-FyrzxgKR6I2JC9B&q=85&s=462c4c2a27ef65bbe627404633a03011" style={{ borderRadius: '0.5rem' }} width="2276" height="1190" data-path="images/screenshot-layer/apigen.png" />
  </Step>

  <Step title="Secure Your API Key">
    1. Keep your API key secure

    <Warning>
      Your API key grants access to your Screenshot Layer account and quota
    </Warning>
  </Step>
</Steps>

## Add to Anything project

<Steps>
  <Step title="Add the integration">
    1. In your Anything project, type `/` in the chat
    2. Select "Screenshot Layer" from the menu
  </Step>

  <Step title="Add your API key">
    1. Paste your Screenshot Layer API key into the "SCREENSHOT\_LAYER\_API\_KEY" field

    <Tip>
      Need a new key? You can find it in your Screenshot Layer dashboard.
    </Tip>
  </Step>

  <Step title="Use it">
    You can now use prompts with the integration to capture website screenshots.

    Some examples:

    * `Capture a screenshot of this website using /ScreenshotLayer`
    * `Create a website preview tool with /ScreenshotLayer`
    * `Build a web archiving app using /ScreenshotLayer`

    <Warning>
      The API limits how often your app can fetch data. If your app loads the same data often, ask the agent to save it locally so it doesn't re-fetch every time.
    </Warning>

    Example prompt for optimization:

    ```
    When using /ScreenshotLayer, save the screenshots so my app doesn't have to fetch it again
    ```
  </Step>
</Steps>

<Tip>
  Your Screenshot Layer integration is now ready! Use the `/ScreenshotLayer` command in chat to capture website screenshots.
</Tip>