Solstice Vigil: a solo RPG narrated by Gemma 4 in your browser
A June solstice game jam submission — balance day and night, earn wanderer identities, and get every scene narrated on-device by Gemma 4 through Chrome and WebGPU. No server, no API key.
Juan Manuel Allo Ron – Tech Lead – Staff+ Software Engineer
Tech Lead - Staff+ Software Engineer
Latest posts
The SDLC Song Cycle: AI music about shipping software
Seven Gemini-generated tracks walk the software delivery lifecycle—from human sign-off to legacy maintenance—and now live on this blog with video, MP3s, and a persistent player.
Weekly Digest #13: CLI agent fleets, kanban, and parallel runs
Eleven projects shaping how we run, watch, and coordinate multiple coding agents locally—from tmux layouts to fleet dashboards, Warp, and OpenAI’s Symphony—plus curated YouTube and docs.
My Current AI Workflow for Building Apps
The AI workflow I am using now: discovery, UI prototyping, PRDs, issues, Ralph, cmux, TDD, Playwright, and the memory loop I still need to close.
Six Hats: A Decision Skill That Completes My AI Context Stack
I built a six-hats debate skill so my agent can pressure-test decisions instead of cheerleading them. Here's how it pairs with last30days, deep-research, and grill-me to build real context for a project.
Claude Skills as my personal content pipeline
How I wired Claude Code skills and slash commands to sync bookmarks and RSS into Obsidian—canvas, weekly notes, and optional email when things break.
Learnings from Using Spec Kit for Vibe Coding
Key insights from trying GitHub’s Spec Kit: spec-driven discipline, and where design, models, and validation matter most
Weekly Digest #12: AI × Front-End Digest
A deep dive into MCP servers, agent workflows, AI-powered UIs, local-first patterns, and the future of frontend engineering.
How I Used AI to Level Up My ELC 2025 Experience
At ELC 2025 I experimented with using AI to plan my schedule, expand my notes, and create sketchnotes — turning a conference into a lasting source of insights and productivity.
Creating Flowcharts and Mindmaps with ChatGPT
I've been experimenting with ChatGPT and discovered a cool trick that lets you create diverse graph visualizations effortlessly.
Common CSS layouts in Tailwind
10 one-line layouts, meticulously reconstructed using Tailwind CSS classes
7 days of JS by ChatGPT
I decided to team up with ChatGPT to create a 7-day JavaScript challenge, inspired by the popular 30 days of JS. The results? Truly amazing!
Teaching LLMs to play the drums
In this experiment I created a text notation so ChatGPT, Claude.AI and Bard could create some music with it
Revamping my blog with Astro
I've decided to move from Wordpress to a custom setup. I'll share why I made this choice and the insights I've gained in this blog post!
Astro Themes and Templates to Power Your Next Build
Looking for themes and templates to style your Astro site? There are lots of great places to start. Save hours of aimless searching with my handpicked collection
Unlocking Powerful Design: 3 Affordable Alternatives to Big Names
Back in the game
I just came back from a trip and while I look for my new career opportunity I'll be sharing my journey here in my blog
Multiple options to deploy your web application
In this weekly digest I have compiled a list of tutorials to deploy your website or app into different hosting providers.
What's all the hype about React Server Components?
A couple of weeks ago the React team announced React Server Components. In this article today I will explain what it is, why they came up with this strategy and how to get prepared for it.
Weekly Digest #12: on front-end interviews
Last week I published tons of resources on the technical interview process. Today I want to focus a little bit more on frontend. Here is a curated list of HTML, CSS, JS and system design questions.
Tip: Watch out for null in default params
Defaults in function parameters is a feature that simplified my code a lot. But there is one caveat that we need to be aware of! Let’s start with an example:
Weekly Digest #11: On technical Interviews
Technical interviews are not a walk in the park! There are a lot of steps, challenges and pressure in a super competitive market. On the other hand, you should not be scared of the process…
Tip: use Z
Aren’t you tired of always typing the same routes in the terminal? When I found z it changed my productivity. What’s z? A terminal command to help you quickly navigate across directories…
Lazy loading images with Intersection Observer
Images play a huge role in loading performance. Websites loading tons of images upfront can be paying a high price in terms of user experience…
Weekly Digest #10: On Remix, Snowpack, Rome and Web-vitals
The never ending flow of innovation is what I love about the web. There are so many great ideas! In the past few months a lot of innovation happened and in this weekly digest I want to share the most important ones.
Tip: Run a simple server with Python
I used this all the time! When you want to quickly serve a website or a page, or even mock a quick API, you can use python to start a server
Learning Path: Getting started with React
In this post I want to share some resources that helped me learn React and I hope they are useful for anyone starting out there.
Weekly Digest #9: Everything you need to know about Deno
Deno is a new ECMAScript based runtime (like NodeJS) created by Ryan Dahl (who also created NodeJS)
Tip: list NPM scripts
In this quick-tip I will show you how to list scripts from the terminal
Debugging IE11 with VirtualBox
A quick setup with virtualbox to test IE11
Weekly Digest #8: On building games
Today, I want to share a list of resources I have been bookmarking to help me develop games.
Tip: Syntax Highlighting with BAT
Terminal command cat is a standard tool to print file contents to the console. I use it all the time but recently I found bat and it changed my life!
Testing VSCode Extensions with Cypress and code-server
There are 4 steps involved in this setup and I’ll explain in detail how to do it.
Weekly Digest #7: On Javascript books
Whether you are learning JS from scratch or have been working with it for a while now, I believe you will find great value on the following list of books.
Create Quick and Stunning graphs
How to use canva to create designs, logos and much more
Weekly Digest #6: Learning Git from novice to expert
Recently I have been helping to create content to onboard new developers. One of the topics I prepared was Git. I have been using git for more than 12 years, and while doing research I was surprised to learn new things. So I decided to share some useful links with everyone.
React Summit Remote Edition Highlights
When the year started I was looking to attend to React Summit in Amsterdam. So I was super happy to hear that they were doing a remote edition. Woke up at 5:30 am to attend and it was totally worth it! Specially the workout break!!!
Weekly Digest #5: 100 days of code
100 days of code was started by Alexander Kallaway in 2016 but recently it has been gaining more momentum (we all know why). Practice is the only way to master any discipline...
Thoughts on Snapshot Testing
Since I moved to react at work I have been using and trying different testing strategies and I wanted to share some thoughts and best practices around snapshot testing.
Weekly Digest #4: On React internals
This weekly digest focuses on React internals. Understanding how react works internally helps to follow best practices when coding, better understanding on performance and extra skills to debug those hard bugs.
Visual Studio Code Extensions: Adding code coverage in 3 easy steps
In this quick tutorial I will show how you can add test coverage to your vscode plugin repository.
Weekly Digest #3: Understanding Javascript Internals
In this weekly digest I want to focus on resources that have helped me learn Javascript inner workings. In order to master any coding language it is necessary to understand how it works.
Creating gifs from the OSX terminal in 2 easy steps
I like sharing quick demos to all the stakeholders as soon as I start developing something new. I find that sharing soon helps to get early feedback and make sure that everyone’s requirements…
Weekly Digest #2: Latest web open source releases
Latest releases on the web. Storybook 5.3 , ts 3.8 and 3.9 beta, nextjs 9.3, babeljs 7.9 (in prep for 8.0), prettier 2.0, git 2.26 and react-router v6 alpha.
Dependency Graph for Javascript Projects
I was reading this Javascript development setup post by Eric Elliot, when I stumbled upon a super cool NPM package to generate dependency graphs. The name is dependency-cruiser.
Weekly Digest #1
Best practices on JavaScript modularity: when to use named exports, how to group code and what to avoid. Check JavaScript Module Best Practices.
Partial Application made easy with ES6
In this post I will present a quick example on how ES6 can improve readability and help build code that is easier to maintain. Also, I will be exploring partial application, a nice technique to keep in your developer toolbox.
Javascript as Promised
Promises have been there for a while now, officially released in ES6 but already being supported by most browsers before that and/or polyfiled by libraries
Callbacks in Javascript
Quick recap on what a JS callback is and the common problems around using them
CSS Flexbox guide
Flexbox helps to solve some of the major problems when working with CSS. Here is a cheatsheet that provides a glance of everything you can do with it.