Skip to content

Commit b1b3b8a

Browse files
Add video usage example
1 parent 2a1c88b commit b1b3b8a

File tree

1 file changed

+4
-4
lines changed

1 file changed

+4
-4
lines changed

README.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -22,11 +22,11 @@ The extension lets you visually select DOM elements in the browser, and the MCP
2222
- 🔗 **WebSocket Connection** - Real-time communication between browser and AI tools
2323
- 🤖 **MCP Compatible** - Works with Claude Code and other MCP-enabled AI tools
2424

25-
## 🎬 Example
25+
## 🎬 Usage example (video)
2626

27-
![MCP Pointer Demo](/docs/demo.gif)
27+
https://github.com/user-attachments/assets/469a8f43-0af8-426e-9873-c03978ebb621
2828

29-
See MCP Pointer in action: Option+Click any element in your browser, then ask your AI assistant to analyze it. The AI gets complete context about the selected element including CSS properties, React source files, and more.
29+
See MCP Pointer in action: Option+Click any element in your browser, then ask your agentic coding tool about it (in this example, Claude Code). The AI gets complete textual context about the selected DOM element including CSS properties, url, selector, and more.
3030

3131
## 🚀 Getting Started
3232

@@ -148,4 +148,4 @@ We welcome contributions! Please see our [CONTRIBUTING.md](./CONTRIBUTING.md) gu
148148

149149
**Made with ❤️ for AI-powered web development**
150150

151-
*Now your AI can analyze any element you point at! 👆*
151+
*Now your AI can analyze any element you point at! 👆*

0 commit comments

Comments
 (0)