Regex Blaster (mdp.github.io)

by mdp 56 comments 156 points
Read article View on HN

56 comments

[−] ks2048 57d ago
Every vibe coded site is too dark and the text is too small.
[−] progbits 57d ago
They all have this rounded box design as well. I wonder where that came from, I don't think it was a predominant style before.
[−] xg15 57d ago
Recently asked Codex (GPT-5.2) to write a small single-page HTML frontend to debug some REST endpoints. As it was just a one-off tool, I put in no instructions about looks or styling at all. Lo and behold, the tool it wrote came with exactly that round-box style.

It seems to be the "default" style of some models for some reason.

Which makes me wonder if people already experimented with different style suggestions to get different results: "Make it look like an 1998 GeoCities page" / 2005 Facebook / Newgrounds / DeviantArt / HN / one of those Windows XP simulators with built-in window manager / etc

[−] mrkramer 57d ago
I vibe code web apps with Google's Gemini and I think it actually mimics Google's UI and UX because I see similarities between my vibe coded web apps and Google's web apps.
[−] progbits 57d ago
But that's a different style from the these colorful border rounded boxes that I think Claude in particular loves to produce.
[−] flykespice 57d ago
Every vibecoded site have this same dark look with shining hue-gradient borders, can't wait for the future the entire web be filled with this generic look
[−] lofaszvanitt 57d ago
And not playtested at all :D
[−] mdp 57d ago
This is fair, although I ask for it to be dark themed to match what I think was the style of typing game I remember growing up with (it's been a while). Bumped up the font though.
[−] christoph-heiss 57d ago
And all the text is grey-on-grey and basically unreadable. Not to even mention accessibility.
[−] mchaver 57d ago
I could envision the style even before clicking on the site.
[−] PurpleRamen 57d ago
Maybe because it 1337 hackerman-style, or something.
[−] darkstar999 57d ago
What evidence do you have that this is vibe coded?
[−] HanClinto 57d ago
Nice game!

We made a similar game several years ago for the Pyweek game competition, but there wasn't the fun "letter invaders" style that this one has.

https://pyweek.org/e/RegExExpress/

I really like your implementation!

Might be good to limit some of the special operators to give more focus -- otherwise the early levels are a bit too solvable with ".*"

[−] 1-more 57d ago
I don't understand the first "combat" level. There's no real defining pattern separating the good from bad hex strings, so it's just a typing speed contest to type all the enemy patterns, right? What am I missing?
[−] joshribakoff 57d ago
I cant even read this because most of the text is outside my phones viewport. Please test your stuff before posting it here.
[−] freedomben 57d ago
Wow really cool! Genuinely fun, and educational at the same time.

One usability request: after firing a regex, could the text box be cleared? It's not hard to hit Ctrl+A and start typing again, but it does add a bit of friction. (I can send a PR)

[−] ebergen 56d ago
I played through the training level and it took me a minute to realize it's sub string/grep match. So in the first training level the pattern . matches everything when it feels like it should be .* to match all the characters of the enemies.

The UI looks great!

[−] baud9600 57d ago
Does not render correctly on iOS (mobile Safari)? It’s a fixed Desktop view and you can’t pinch to zoom as needed. It takes effort to prevent mobile users like this! Do others get this experience?
[−] freedomben 57d ago
[−] love2read 57d ago
Really fun. I just wish that stats were saved in localhost (like combat mode progress) and that esc instantly ended the round if you know you will lose.
[−] m0d0nne11 57d ago
Cute. I had a crack at it but for me the fatal flaw is having to specifically delete the last regex before entering the next one, especially as the action gets tight. Each regex should go away once it's submitted, duh...
[−] lasgawe 57d ago
Haha, this is nice. I'm bad at regex most of the time. Playing this felt like when I first switched from Visual Studio to Vim. it’s a bit of a learning curve. It’s an interactive game btw
[−] JanisErdmanis 57d ago
This is really funny ;D Gives Tetris vibes and is executed beautifully.
[−] pimlottc 57d ago
The colors are difficult for colorblind people. Orange/green is difficult already, and then green turns into red depending on the state? Ugh. Looks fun but unplayable for me.