---
title: "Claude Can Now Code Websites “By Sight” Here’s How It Works"
slug: "claude-can-now-code-websites-by-sight-heres-how-it-works"
date: 2026-03-26
category: tech-pub
tags: [anthropic]
language: en
sources_count: 1
featured: false
publisher: AInauten News
url: https://news.ainauten.com/en/story/claude-can-now-code-websites-by-sight-heres-how-it-works
---

# Claude Can Now Code Websites “By Sight” Here’s How It Works

**Published**: 2026-03-26 | **Category**: tech-pub | **Sources**: 1

---

## TL;DR

- The free Chrome extension 'Drawbridge' lets users annotate browser elements directly in screenshots and pass those visual instructions to Claude.

---

## Summary

- The free Chrome extension 'Drawbridge' lets users annotate browser elements directly in screenshots and pass those visual instructions to Claude.
- It supports screenshots, HTML snippets, and comments as combined input, removing the need for purely text-based commands.
- Tasks can be stored and organized in a markdown file called mo_tasks.md.
- This means no more describing UI elements in words – Claude effectively 'sees' what needs to change.

---

## Why it matters

The free Chrome extension 'Drawbridge' lets users annotate browser elements directly in screenshots and pass those visual instructions to Claude.

---

## Key Points

- The free Chrome extension 'Drawbridge' lets users annotate browser elements directly in screenshots and pass those visual instructions to Claude.
- It supports screenshots, HTML snippets, and comments as combined input, removing the need for purely text-based commands.
- Tasks can be stored and organized in a markdown file called mo_tasks.md.
- This means no more describing UI elements in words – Claude effectively 'sees' what needs to change.

---

## Nauti's Take

Drawbridge is not a quantum leap, but it is a sensible small tool that targets a real workflow pain point. The combination of screenshot annotation, HTML, and free-text comments sounds exactly like the kind of structured context that models like Claude need to work precisely. Being a free Chrome extension makes it a no-brainer for anyone already using Claude Code. The interesting moment will come when these visual input methods move directly into IDEs or native Claude interfaces – the browser detour is a crutch in the long run.

---


## FAQ

**Q:** What is Claude Can Now Code Websites “By Sight” Here’s How It Works about?

**A:** - The free Chrome extension 'Drawbridge' lets users annotate browser elements directly in screenshots and pass those visual instructions to Claude.

**Q:** Why does it matter?

**A:** The free Chrome extension 'Drawbridge' lets users annotate browser elements directly in screenshots and pass those visual instructions to Claude.

**Q:** What are the key takeaways?

**A:** The free Chrome extension 'Drawbridge' lets users annotate browser elements directly in screenshots and pass those visual instructions to Claude.. It supports screenshots, HTML snippets, and comments as combined input, removing the need for purely text-based commands.. Tasks can be stored and organized in a markdown file called mo_tasks.md.

---

## Related Topics

- [anthropic](https://news.ainauten.com/en/tag/anthropic)

---

## Sources

- [Claude Can Now Code Websites “By Sight” Here’s How It Works](https://www.geeky-gadgets.com/drawbridge-claude-code/) - Geeky Gadgets AI

---

## About This Article

This article is a synthesis of 1 sources, curated and summarized by AInauten News. We aggregate AI news from trusted sources and provide bilingual (German/English) coverage.

**Publisher**: [AInauten](https://www.ainauten.com) | **Site**: [news.ainauten.com](https://news.ainauten.com)

---

*Last Updated: 2026-03-27*