CowLoom
Company
Cowlar Design Studio
Role
Lead Frontend Developer
Timeline
2023
Links
Friction Reduced90%
Single-click tab and audio recording capture tool
Chrome Sync TimeInstant
Manifest V3 lightweight service worker triggers
Asset OptimizationWebM/4K
High-fidelity capture output with low file-size footprints
In short
CowLoom is an asynchronous knowledge capture extension designed to automate internal SOP creation and tab recording workflows.
The problem
Standard screen capture tools are bulky, slow down browser processes, require paid cloud hosting, and fail to capture internal tab audio streams cleanly.
What I did
Developed a Manifest V3 Chrome Extension utilizing MediaRecorder and Web Audio APIs. Engineered tab capture constraints, built popup menus, and designed a documentation portal using React/TypeScript.
The result
- Accelerated internal team SOP recording workflows dramatically
- Delivered lightweight background execution, zero-impact on browser memory
Technical detailsFor engineers: how it's built and what it runs on
Architecture
- Chrome extension built on Manifest V3 background service workers
- React popup UI and responsive web documentation pages
- In-extension HTML5 canvas overlays for live recording statuses
Highlights
- Record current browser tab with synchronized audio (mic input)
- Supports high-quality voice recording alongside screen capture
- User-friendly Chrome extension popup UI
- Built-in permission handling and tab detection logic
- Minimalist UX for one-click start/stop recording
- Documentation website built with React and TypeScript
- Downloadable recording file output
- Supports Chrome Manifest V3 structure
- Error handling for media access and API fallback
- Optimized for performance and lightweight usage
Stack
ReactTypeScriptChrome Extension APIsWeb Audio APIMediaRecorder APIHTML5
Finished reviewing?
Back to Portfolio←