DEV Community: Guilherme

Webfoundry gets GPT 5.1 Codex HTML generation through voice assistant

Guilherme — Tue, 25 Nov 2025 00:49:09 +0000

App URL: https://webfoundry.app/ (no account creation necessary)

So this is my visual app builder Webfoundry, I used it to create a handful web apps including MEATEOR, the P2P Grindr alternative I posted about here: https://dev.to/guiprav2/a-completely-p2p-grindr-alternative-i-built-in-a-weekend-no-servers-no-accounts-webrtc-trystero-8dp

This demo shows how the voice assistant is able to call GPT 5.1 Codex to generate beautiful HTML elements for your page on-demand based on voice specs.

Other than that, Webfoundry has the following features:

Fully Tailwind CSS-based design.
WYSIWYG allows you to edit the actual HTML DOM visually; there's no vDOM and so it plays nicely with vanilla JS libraries, even jQuery, etc.
Total JavaScript control with simple state management much unlike the horrors of React and others.
Fully P2P realtime live collaboration both in the visual editor and the built-in code text editor.
2-click Netlify deployments right from the app.
A few of bugs I've been procrastinating on fixing lately...
Soon: Export app as a Windows/Linux desktop or Android Tauri application.

It's hard to use at first but the learning curve is honestly not that steep, I'm willing to demo and handhold anyone interested in trying this out over a video call!

Cheers!
Gui

Puzzle solving "agentic loop"

Guilherme — Tue, 25 Nov 2025 00:27:05 +0000

Hey all,

Yesterday I had an idea: You know how LLM completions work, right? You pass in the model name, an array of messages, and optionally a list of tools and make a fetch request. So I thought, what if I put that in a loop where every tool call could return a completely new configuration for the request?

It works like this. Note there are two configurations: xai and oai. xai is instructed to play dumb and try to answer 42, oai is instructed to write haikus. xai is only promoted to oai once it gets the right answer.

import complete from './complete.js';

let tap = x => (console.log(x), x);

async function looptools(init) {
  while (true) {
    let res = await complete(init.logs, { ...init, logs: undefined });
    let tools = [...Object.entries(res.tools || {})];
    if (tools.length && tools[0][1].result)  init = tools[0][1].result;
    if (init === 'end') break;
    await new Promise(pres => setTimeout(pres, 1000));
  }
}

let logs = [{
  role: 'system',
  content: tap(`🤓 The nerd says → Your only goal right now: find the Answer to Life, the Universe, and Everything. You have the right tool. Maybe try a wrong answer first, play dumb once or twice!`),
}, {
  role: 'system',
  content: `Always call tools, never write regular responses.`,
}];

let xai = {
  model: 'xai:grok-3',
  simple: true,
  logs,
  tools: {
    answerToLifeTheUniverseAndEverything: () => ({
      parameters: {
        type: 'object',
        properties: { answer: { type: 'number' } },
        required: ['answer']
      },
      handler: ({ answer }) => {
        logs.push({ role: 'assistant', content: tap(`🤤 ${xai.model} says → The answer is ${answer}.`) });
        if (answer === 42) {
          logs.push({ 
            role: 'user', 
            content: tap(`🤓 The nerd says → CORRECT! You've earned the right to think as a superior model.`),
          });
          logs[0].content = tap(`🤓 The nerd says → You are a haiku writer, use the print function to write one line at a time.`); // ← patches system message with new instructions
          return oai; // ← hands control to a totally different config
        } else {
          logs.push({ role: 'user', content: tap(`🤓 The nerd says → Wrong! Try again, meatbag.`) });
          return xai; // stay trapped until you get it right
        }
      }
    }),
  },
  choice: 'required',
};

let oai = {
  model: 'oai:gpt-5.1',
  simple: true,
  logs,
  system: `You are now enlightened. You may only communicate by printing text to the console.
Never speak directly — use the print tool or remain silent forever.`,
  tools: {
    print: () => ({
      description: "Print a line of text to the real console",
      parameters: {
        type: 'object',
        properties: { text: { type: 'string' } },
        required: ['text']
      },
      handler: ({ text }) => {
        console.log(`✨ ${oai.model} says →' ${text}`);
        logs.push({ role: 'assistant', content: text });
        logs.push({ role: 'user', content: `Write the next line next!` });
        return oai;
      }
    }),
  },
  choice: 'required',
};

await looptools(xai);

So with that I wrote a little puzzle solver where the AI actually has to find items, turn statues around, and open a door, and it works quite well on Grok 4! You can find it here: https://gist.github.com/guiprav2/1746f5c2279d4c217fbda10fe7ac90b4

The tool call specs are reconfigured as tool calls get executed, and the model eventually gets there. Thought someone might find this fun!

I've also had some success but without the reconfigurability stuff just by putting the agent in a loop with tools for file system access and it worked a bit like Codex CLI but made more coding mistakes, getting line offsets wrong and such. Still a nice little toy!

Cheers!

A completely P2P Grindr alternative I built in a weekend: no servers, no accounts, WebRTC + Trystero

Guilherme — Mon, 24 Nov 2025 09:25:45 +0000

tl;dr: come say hi => https://meateor2.netlify.app/
Source code for the curious: https://github.com/guiprav2/meateor

Hey everyone,

I got so fed up with Grindr's bots, ads, and random bans that I decided to try something stupid: what if two PCs/phones could just find each other directly, no central server at all? So I built exactly that. Current (very rough) feature list:

100% peer-to-peer: uses Trystero (WebRTC library on top of any public BitTorrent tracker as the signaling server) → you literally connect through random strangers’ torrent clients acting as relays.
No signup, no phone number, no email — just open the page and you get a temporary ID.
Location sharing via the browser’s geolocation.
Grid of people nearby, tap → chat opens instantly.
Send pics exactly like Grindr (they go P2P, never touch a server).
Built-in Brazilian PIX request button in the chat (type the amount → QR code pops up). Yes, really.
Video calling isn't working yet unfortunately, but I'm working on it.

Tech stack for the curious: Webfoundry (my visual app builder) + Trystero + a few lines of localStorage for caching recent chats (so you don’t lose them on refresh). And obviously it was like 80% vibe coded at least. It's obviously super early, super janky, and probably full of privacy footguns I haven't found yet — that’s why I’m here.

Looking for:

Brutal feedback on UX.
People willing to try it with a friend (or random stranger) and tell me where it explodes.
Bonus points if you’re in Brazil and want to test the PIX flow (especially by sending me monies >))

Live demo (mobile-friendly): https://meateor2.netlify.app/ (Yes it’s 18+ because… well… it’s a Grindr clone. Nothing explicit since there's no one there yet though). Would love to hear what you think — tear it apart, I can take it. Thanks for letting me share!

Cheers!

Gui