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

# Review a live website

> Check links, responsiveness, accessibility, and design decisions on any live site, wherever it's hosted.

export const Connectors = ({items}) => <div style={{
  margin: "8px 0 20px"
}}>
    <style>{`
      .connectors-list, .connectors-list * { margin-top: 0 !important; margin-bottom: 0 !important; }
      .connectors-row {
        display: flex !important;
        align-items: flex-start !important;
        gap: 10px !important;
        padding: 4px 0 !important;
        min-height: 0 !important;
        height: auto !important;
      }
      .connectors-row img {
        width: 20px !important;
        height: 20px !important;
        max-width: 20px !important;
        max-height: 20px !important;
        margin: 2px 0 0 !important;
        display: block !important;
      }
    `}</style>
    <div className="connectors-list">
      {items.map((item, i) => <div key={item.id} className="connectors-row" style={{
  borderTop: i === 0 ? "none" : "1px solid rgba(130,130,130,0.22)"
}}>
          <img src={`/images/connectors/${item.id}.svg`} alt="" width={20} height={20} />
          <div style={{
  minWidth: 0
}}>
            <div>
              <strong>{item.name}</strong>
              {item.why ? <span style={{
  opacity: 0.72
}}> · {item.why}</span> : null}
            </div>
            {item.auth === "api-key" ? <div style={{
  fontSize: "11.5px",
  lineHeight: 1.35,
  color: "#F26207",
  marginTop: "2px"
}}>
                Not a native connector. Agent will ask for your API key.
              </div> : null}
          </div>
        </div>)}
    </div>
  </div>;

export const AiPrompt = ({children}) => {
  return <CodeBlock className="relative block max-w-full overflow-x-hidden font-sans !whitespace-pre-wrap !break-words" style={{
    overflowWrap: "anywhere",
    wordBreak: "break-word"
  }}>
      <div className="pr-7" style={{
    whiteSpace: "pre-wrap",
    overflowWrap: "anywhere",
    wordBreak: "break-word"
  }}>
        {children}
      </div>
    </CodeBlock>;
};

Your site is live and nobody has looked at it properly since launch. Run a review across
four angles: links that no longer resolve, layouts that break on a phone, accessibility
problems, and design decisions that stopped serving the page. The review works from the
public URL, so it doesn't matter what built the site or where it's hosted. If the site
happens to be a Replit project, Agent can apply the fixes as well as find them.

## Best for

* Designers who own a live site and need a review they can act on, not a score.
* Product managers who need to know what regressed since launch, page by page.

## Connectors

<Connectors
  items={[
{
  id: "slack",
  name: "Slack",
  why: "Where each recurring review lands",
},
{ id: "notion", name: "Notion", why: "A log of findings and what you fixed" },
]}
/>

<Note>
  Neither connector is needed for the review itself. Connect them for the routine
  version in [Make it work for you](#make-it-work-for-you).
</Note>

## Before you start

Have the public URL, and name the pages that matter most. Decide what you want out of this
pass: a list of findings to hand to whoever owns the code, or fixes applied directly. Only
the second needs the site open as a Replit project.

## Prompt the agent

<AiPrompt>
  Review my live site \[URL], one angle at a time. Start with links that no longer
  resolve, then the layout on a phone, then accessibility, then the design
  decisions. For each finding, tell me the page, what's wrong, and what you'd
  change.
</AiPrompt>

## What to expect

Agent works through the angles in the order you gave them, and reports what it covered: the
pages it walked and the links it resolved. Each angle comes back as its own section. Every
finding names the page, the issue, and the change to make. The review closes with the fix
Agent would do first.

## Make it work for you

<AiPrompt>
  Create a routine that runs every Monday at 9:00. Open each page of \[URL],
  check that every link still resolves, and report anything that changed since
  last week. Post the findings to Slack and log them in Notion.
</AiPrompt>

<AiPrompt>
  Give every finding an importance level: blocks a visitor, slows them down, or
  cosmetic. List the blockers first.
</AiPrompt>

## Troubleshooting

<AccordionGroup>
  <Accordion title="Links behind a checkout or a modal were never checked">
    A crawl reaches the links present in the rendered page. Anything that only
    appears after a form, a modal, or a payment step needs its own pass.
  </Accordion>

  <Accordion title="The layout and accessibility findings feel thin">
    Name the pages and the viewport width you want checked, instead of leaving
    the sample to Agent. Start with the pages that carry your main task.
  </Accordion>

  <Accordion title="The design feedback is generic">
    Say what the page is for and who it's for. Without the goal, a critique
    defaults to layout advice that fits any site.
  </Accordion>
</AccordionGroup>

## Related

<CardGroup cols={2}>
  <Card href="/use-cases/redesign-your-website">
    When the review says the problem is the design itself.
  </Card>

  <Card href="/use-cases/create-design-system">
    Put everything on one system when the review finds drift.
  </Card>

  <Card href="/features/publishing/seo-agent">
    For a published Replit app, audit crawlability, metadata, and markup with
    one-click fixes.
  </Card>
</CardGroup>