📸 DocSnap

Chrome Extension for Technical Documentation

Capture → Structure → Export
Built for engineers and technical writers

---

⚙️ Installation

Setup Steps Unzip the project folder Open chrome://extensions Enable Developer Mode Click Load Unpacked Select docusnap-extension

Expected Result Extension loads without errors DocSnap icon visible in toolbar Ready to start recording

---

🚀 How It Works

1. Launch

• Click the DocSnap icon
• Side panel opens

---

2. Configure

Mode	Behaviour
Auto	Captures interactions automatically
Manual	User controls each step

---

3. Record

• Click Start Recording
• Allow permissions
• Continue normal browser actions

System Output:

• Clicks and actions captured
• Live steps appear in panel
• AI generates descriptions
• Recording badge visible on screen

---

4. Refine

• Stop recording
• Edit descriptions
• Annotate screenshots
• Add code blocks

---

5. Export

Format	Use Case
HTML	Shareable guides
Markdown	Developer documentation

---

⚠️ Constraints

Supported	Not Supported
HTTP / HTTPS pages	chrome:// pages
Standard websites	Chrome Web Store

---

🔌 Dependencies

• Internet required for AI descriptions
• Uses external API (Anthropic)

---

🧠 Why DocSnap

Problem	Resolution
Manual documentation is slow	Capture actions directly
Steps get missed	Automatic tracking
Rewriting is repetitive	AI-assisted descriptions

---

📌 Summary

DocSnap converts real browser activity into structured documentation.
No reconstruction. No skipped steps. Controlled output.