Claude Code Workflows Part 1: Visual Debugging on a Headless Server
8 min read
How I review UI changes without a browser — using Playwright MCP for screenshots, a self-hosted image service, and a Claude Code skill that ties it all together.
Ahmed Elywa
Full Stack Engineer & Open Source Creator
I build tools that empower thousands of developers in the Prisma & GraphQL ecosystem, and production platforms serving tens of thousands of users.
2.3M+
npm downloads
698+
GitHub stars
80k+
users served
Featured Projects
View all →Homeschool Hub
80,000+ usersFull-featured online homeschool platform with an Activities Builder for creating student assignments. Serves a large and growing user base of homeschooling families.
TypeScriptNext.jsReactGraphQLPrismaPostgreSQLKubernetes
PrayCalendar
517K+ calendars · 12K+ usersPrayer times calendar subscription service used across 10+ countries. Generates synced calendar links for Google, Apple, and Outlook with automatic updates. Features a widget generator, Home Assistant integration, and a public API.
TypeScriptNext.jsReactTailwind CSS
Latest Writing
View all →Remote Dev Server Guide Part 5: Production Deployment with GitHub Actions & PM2
9 min read
Set up automated production deployments to your Hetzner server using GitHub Actions, Tailscale VPN, PM2 process management, and Nginx reverse proxy with SSL.
Remote Dev Server Guide Part 4: Claude Code & Development Workflow
13 min read
How to install Claude Code on your remote server, set up a productive development workflow with tmux, and build features with AI assistance from any device.