WebMCP: Making Your Site Usable by AI Agents
WebMCP lets a web page expose typed tools that browser AI agents call directly, no DOM scraping. What it is, how to try it in Chrome, and the caveats.
- ai
- webdev
- javascript
- mcp
Frontend Engineer and Open Source Contributor
I'm Dennis, a Lead Frontend Engineer from Milan with over a decade of experience crafting clean, accessible web experiences. I believe in building with purpose and contributing to the open-source community.
Writing
All postsGenerating OG Images at Build Time with Satori and Astro
How this Astro site renders social cards at build time with Satori and resvg-js, and the design and performance choices that keep it fast.
- astro
- webdev
- javascript
- performance
shadcn/typeset vs Tailwind Typography: Styling Markdown
shadcn/typeset styles rendered markdown with one CSS file you own. Here's how it works and how it compares to Tailwind Typography and its prose class.
- css
- tailwindcss
- webdev
- react
Projects
Arbor
A friendly CLI for managing git worktrees.
Clipwise AI
Chrome extension that converts webpages to clean Markdown for ChatGPT, Claude, and other AI assistants.
Defrag98
A simulator of the classic Windows 98 Disk Defragmenter tool.
Investment Simulator
A simple investment simulator to help you understand the power of compound interest.
React Awesome Reveal
Performant and easy-to-use animation library for React apps.
Talks
Writing Accessible Components
Learn how to build React components that are accessible by default, with a live coding session building an accessible accordion from scratch.