I'm a Computer Engineering student at Mapúa Malayan Colleges Laguna, exploring different areas of technology and engineering through hands-on projects. This portfolio brings together the applications, tools, and experiments I build as I learn.
Your agent learns a website once, then keeps it as a tool. Signed in as you, on your own computer.
anysite-mcp is an MCP server that drives a real Chrome on your machine. Each site gets its own browser profile that you sign in to once, by hand. When the agent finishes a job, it can save the steps as a shortcut, and that shortcut becomes a new tool it can call in one step next time.
- No API keys, no cloud browser. Your logins stay on your computer, one profile per site.
- Gets faster with use. Shortcuts are tested before they're saved and repair themselves when a site renames a button.
- Learns by watching. Record a job once by hand and it becomes a tool.
- You set the limits. Per site: read-only, ask before sending or buying, and which domains it may open.
- A shared library. Community shortcuts are checked against the live sites every week, and you can search them from the terminal.
The latest release, 0.7.0, writes down what 1.0 will keep stable: tools, the command line, settings, and the shortcut, pack and library formats, each with a version number so older files keep working. The stability list and threat model are in the repository.
claude mcp add anysite -- npx -y anysite-mcpRepository · npm · Shortcut Library · Changelog
MCP servers that let Claude use real websites and apps. The first two came before anysite-mcp and now ship inside it as site packs.
| Project | What it does |
|---|---|
| notebooklm-mcp | Lets Claude use Google NotebookLM with a free account. On npm as notebooklm-browser-mcp. |
| gemini-mcp | Lets Claude use the Google Gemini web app with a normal Google account. |
| filmcraft-mcp | Lets Claude drive the FilmCraft video editor on macOS: sync audio, make cuts, move clips, mix and export. |
| effectcraft-mcp | Lets Claude build compositions and render previews in the EffectCraft motion graphics app. |
| Project | What it does | Built with |
|---|---|---|
| PathWise | Imports curriculum files, visualizes course dependencies, and compares schedules and saved scenarios. | TypeScript, Next.js, React Flow |
| KD Photo Booth | Brings two people in different places into a shared photo booth, with collaborative decorations and downloadable photo strips. | TypeScript, React, WebRTC, WebSockets, MediaPipe |
| MicClean | Magisk module and control app that runs AI noise suppression (RNNoise) on the mic during internet calls and tunes mic gain on MediaTek phones. | C, Shell, Kotlin, Jetpack Compose, Magisk |
| NEF Studio | Converts Nikon NEF files to PNG locally in the browser using LibRaw compiled to WebAssembly. | JavaScript, Vite, WebAssembly |
| MapKal Dashboard | Provides Google sign-in and panels for announcements, budgets, projects, and activities. | TypeScript, React, Firebase |
| Genshin Guide | Organizes character builds, weapons, artifacts, and team suggestions. | JavaScript, React, Vite |
| VibraSmash | Signal processing for a racket-mounted sensor that measures impact intensity and shot-to-shot consistency (academic proposal). | MATLAB, GNU Octave |
| Laptop Scraper | Exports up to five laptop search listings from Lazada Philippines to CSV. | Python, Selenium, pandas |
Live demos: PathWise · KD Photo Booth · NEF Studio · Genshin Guide
I also maintain a fork of Sill, a Swift app that streams Mac windows to an iPhone or iPad, with support for Intel and AMD Macs.
TypeScript · JavaScript · Python · MATLAB · Kotlin · C · Jetpack Compose · React · Next.js · Vite · Tailwind CSS · Firebase · WebRTC · WebSockets · Canvas · WebAssembly · Selenium · pandas · MCP · Playwright
Each project's README covers setup, implementation details, and limitations.