MarkLayer
MarkLayer is an annotation tool for webpages that allows drawing, highlighting, commenting, and sharing feedback on live websites. It supports real-time collaboration via Chrome extension and AI agent integration through MCP.
Ficha actualizada 22 sept 2026, 19:20 · upstream 22 sept 2026, 19:13 · release sin release detectada
Qué es MarkLayer
Descripción editorial construida a partir del repositorio, su documentación y sus señales de mantenimiento.
MarkLayer turns any webpage into a collaborative review surface by allowing users to draw, highlight text, measure space, pin threaded comments, or inspect elements. Instead of passing screenshots back and forth, teams share one link where collaborators can open the original page in their browser, leave feedback exactly where it belongs, and see changes land live. The tool also supports AI agents that connect via MCP servers to watch annotations, acknowledge them, fix issues, and resolve tasks directly on the page. No sign-up is required for basic use.
- AI-assisted development: Connect an agent to a shared board so it can read annotations, make fixes, and report back without manual intervention
- Client feedback collection: Let clients point to specific elements on a webpage with their feedback without requiring an account or extension installation
- Design review: Sketch ideas, highlight design decisions, and keep the conversation attached to the actual page layout
- QA testing: Pin reproducible issues to the UI, share clean links for team review, and track test results live
- Remote onboarding: Onboard new team members by having them open a shared board with existing annotations so they can see context immediately
- No account or sign-up required — start reviewing immediately after opening the page
- Real-time collaboration via WebSocket with live cursors, drawings, and threaded comments
- AI agent integration through standard MCP (Model Context Protocol) servers like marklayer-mcp
- Element-level inspection that captures CSS selectors, computed styles, parent layout, and framework component info as markdown snapshots
- No trial period or credit card required for basic usage
- Open source with Apache-2.0 license — fully self-hostable without vendor lock-in
- Only works on webpages that are publicly accessible via a URL; cannot inspect private pages, localhost-only sites, or pages requiring authentication
- Real-time collaboration requires all collaborators to be on the same network and have access to the shared link — no persistent server-side state without shared credentials
- AI agent integration depends on the MCP client supporting stdio protocol (e.g., Claude Code, Cursor, Windsurf) — not all AI tools support this workflow
- No built-in version control or history of annotations — changes are only visible to collaborators who have access to the link
Perfil de infraestructura
Estimación inicial derivada del repositorio y de los servicios detectados.
Despliegue detectado
Qué señales reales de instalación hemos encontrado.
MarkLayer is self-hosted with no serverless infrastructure required. Deploy a Cloudflare Worker for API endpoints, use D1 for SQLite storage, and R2 for file uploads if needed.,The Chrome extension requires manual installation via chrome://extensions/ — it does not auto-install on page load.,For production, consider using the MCP server as an API endpoint rather than running it locally to avoid CORS issues with external agents.,Enable WebRTC in Cloudflare Workers for peer-to-peer voice/video chat between collaborators.,Share links via email, Slack, or your team's communication tool — no need to create a dedicated account.
Stack y dependencias
Componentes inferidos a partir de manifests, configuración y documentación.
Puede sustituir a
Relaciones detectadas por el análisis del repositorio y su categoría.
Experiencia real de la comunidad
Ayuda a contrastar la estimación automática con instalaciones reales.
Todavía no hay datos comunitarios para este proyecto.