Elio Struyf - Front Matter CMS, Demo Time

{/ TAB: SHOW NOTES /} This week we're joined by Elio Struyf, the creator of Front Matter CMS and Demo Time. We talk about the origins of Front Matter CMS, the challenges of building a CMS, and the future of CMSs. We also dive into Demo Time, and how it can be used to create perfect demos for talks and presentations. - GitHub: github.com/estruyf - Website: eliostruyf.com - Bluesky: @eliostruyf.com {/ LINKS /} {/ Paste show notes /} {/ TAB: SECTIONS /} [00:00:29] Intro [00:03:31] Front Matter CMS Origins [00:11:02] Demo Time Live Demos [00:21:54] AI and Monetization Plans [00:32:11] Moral Compass Against Cloning [00:38:07] DemoTime For Learners [00:41:04] Ghostwriter And Voice Future {/ TAB: TRANSCRIPT /} Elio: But yeah. As a presenter, you don't like that because you can be the best coder, but if you're live on stage, you're stressy, you're not in your chair, and all of a sudden you cannot type anymore. Um, and that's also one of those things that I started thinking about, okay, what can I do to make my life easier? [00:00:29] Intro Andrew: Hello, welcome to Dev Tools fm. This is podcast about developer tools and the people who make 'em. I'm Andrew, and this is my co-host Justin. Justin: everyone, uh, we're really excited to have Elio on with us. Um, Andrew: Um. Speaker: got a long and storied background and sort of like dev tool space, so it's really exciting to chat with you. Um, before we dig into our topics though, would you like to tell our listeners a little bit more about yourself? Elio: Yeah, sure. Thank you for having me. Um, I'm Mario. I'm living, uh, in Antwerp near or in Belgium, near Antwerp. Uh, for the people that know Belgium, it's more on the northern parts. Um, I am a sec, a cycling fanatic. Um, so. That's my hobby. That's what I do most of the time, trying to do more, uh, this year even. And I, yeah, love to build tools for myself, but also share these tools with others because, uh, over time I saw that the tools that I need. Use are also tools that others, uh, require it as well. Um, so that's how I got into the open source world, uh, to start, yeah, start building my own things. And besides that, I'm a Microsoft MVP and GitHub star and Google developer expert. Andrew: Decorated with many titles. Uh, so, uh, you've been, you've been a machine lately. Uh, I've been looking at your GitHub and you just like project after project. But before we get to there, like, uh, what was your journey into development, into, into the space you are right now? Elio: Oh, um, I go way back to 2008. Um, and even before that, uh, when I went to, uh, university, that's where I got introduced into, uh, programming. And I actually didn't know anything about, uh, development. Uh, so I had to learn c, C plus plus C uh, that's where it all started. I hated those things because I. Yeah, I needed to have a compiler to do things and I, I'm a very visual learner, so I didn't see things happening. Um, so I went over to PHP and that's where I started to create my own CMS, uh, system. Um, and that's where I actually got introduced to learning and having a joy in programming. And yeah, that's where it all started and now I went over to, yeah. People, uh, are going to, uh, yeah, think that it's a curse word and for some Yeah, it is. It's SharePoint. Uh, that's where my development career started because I went to a big company that was, uh, using SharePoint and started to do development around that. Um, yeah. And over time, um, things became more and more interesting around, uh, JavaScript development notes, uh, came up. Um, and that's where, yeah, the real thing began on the development and open source things. Justin: Nice. Nice. [00:03:31] Front Matter CMS Origins Justin: So let's dig into some of your projects. So. Um, well the first one I think that'd be fun to call out is, uh, front matter CMS, um, which I think is like a really, really interesting project. Uh, also, like, didn't this crop up kind of in a time that was like, a little bit hard for you? So you'd had like a, a, a cycling accident in 2021. Was that around the time that, uh, front matter CMS, you started working on that? Elio: Um, I think from Matter CMS or back then, it was just from Matter. Um, it was, um, I, it's all started in 2019, I believe, around that timeframe. Um, yeah, uh, because I started blogging in 2010. Um, and blogging back then was WordPress. Um, and I've been to various hosts and one of those things that happened quite often was a broken database. Uh, so I had the script that checked every day, is something broken? If it's broken, auto fix it. And then if there was a real problem, yeah, come back to me, uh, alert me with an email and then I can do the manual fixes. Um, and yeah, back in 2019, I think that was a time when a lot of people were going over to static side generators, and that's also what I started doing. I was building my own static side generator, and then I saw you go and I was like, Hmm. Will I keep on working on my own or will I just, uh, port over to, uh, Hugo because everything was already there and that's what I eventually did. Uh, so I didn't invest too much time in my own anymore. Um, maybe it's still somewhere around, uh, but yeah, I haven't looked back at it. Uh, went over to Hugo. Uh, but from the moment you go static, um, really nice, uh, you have all your markdown files. Uh, first thing that happened was. The migration from WordPress over to Markdown. Um, I've written a lot of scripts for that. Um, I think I even wrote a blog post back then about it. Uh, but it wasn't, yeah, it was a very bumpy road and that was also for me, the moment that I realized, uh, that I did didn't want to be locked in anymore. Um, locked in, into an environment. Um, yeah, my data is somewhere in a database. Maybe I still own the data, but still it's, it's, yeah, it's, it's very hard to get it out in the right structure that I wanted it to be. And that's where it, yeah, the ID then came on. I need to have something now that I have all the markdown files to make it easier for me to manage the front matter section of a static, a static side generator on the markdown. So you add at the top, you have the YAML or the tunnel zone where you do actually the metadata of your document and. If you use texts or categories, you don't want to invent new categories or new texts every time that you create a file. So that's where it first started. It was just some front matter creator or manager that knew everything about your project, and that was it. And then in 2021, um, I was working on my own startup. Um. And I got a bike accident and I wasn't allowed to work anymore. Uh, so from insurance reasons, uh, they said like, yeah, LIO, sorry. Um, you cannot do it anymore. Um, so I was only allowed to, uh, yeah, sit for 20 minutes a day back then, uh, or be in bed or walk around. So I still have my walking beds, uh, right next to me, uh, that I use quite often. Um, so I walk while working. Um, but yeah, I, as I wasn't allowed to work and not do anything that potentially could earn money in the future, um, I started thinking on what can I start doing? And I had, yeah, from mother being there. That was a perfect moment for me to start working on, yeah, CM Slike interface, like a dashboard where I can see all my contents, uh, automatically creating blog posts and so on and so on. So, uh, that's actually a point in my life where. I had the time to, to stop everything, to think about it and then work on something that I thought, yeah, this could be some very fun project. And eventually, uh, a lot of people started using it. Um, and still as of today, it's still a product that is there. Um. Not 100% working on it anymore, uh, because of, uh, reasons, uh, that I can, uh, go into later on. Um, but yeah, one of those things that is, that or my mindset was done was I'm not going to lock anyone in. So you come with your own static site generator, the one that you want to use, you create your own markdown files and you're free to use it or go whenever you want. Um, so. It's there, uh, it's your data, it's your content. The only thing that the CMS is doing is putting a UI layer around managing your content. Andrew: I, I find it funny. You couldn't work and you had to do something where, uh, you couldn't earn any money and you chose open source to do that. That's just like, I find that that to be a little. Funny. Uh, but going more into front matter, uh, there is something that makes it pretty unique about it. There's a bunch of CMSs out there that do things, but the way that you integrate into VS code, I think is pretty novel. Can you walk us through that and like some of the benefits of it? Elio: Yeah. So yeah, as I'm a, I'm a developer, uh, I love visual studio codes. Uh, I'm, yeah, a day one user of the first beta that came out. Um. Yeah, that was also the first editor where I was like, oh, damn, you can, you can fully extend it to your own needs. Uh, so there's like the extension APIs and, and that allowed me to yeah, further dive into all of that because I already started doing extension development, uh, straight from the beginning of visual studio codes. Um, but, and I already knew what was possible. So the moment that I stepped in into the front matter CMS site, I was like, okay, now I'm actually creating a website. So I became to see that front matter is like a website with a backend and the front end, and the front end being everything that you can do, uh, and view from content-wise, perspective and images and so on. And then the backend. As I call it, is, is the extension layer, um, that is going to interact with either your file system or with Visual Studio Code. Um, and this is, yeah, something that I really like, uh, very powerful system and. Actually also a very stable system. There's never, there's never been a time that I actually had to do or remove something from front matter or any of the extensions that I already built, uh, that is being broken by Visual Studio Code. So that's also a very nice experience. Speaker: I like this. [00:11:02] Demo Time Live Demos Speaker: Um, you sort of have this theme. Of like using. Code is sort of a, a like a product front end almost. Uh, so another project that you've worked on is called Demo Time, and so it's like being able to sort of like script a demo directly in vs code. Uh, I'd love to hear a little bit more about like, how that came about and also you're, you're talking about like you knew, you know, kind of like the possibilities of what you can do in vs code. Uh, demo time does more stuff than I thought. You could do like, uh, you know, automating like script terminal commands. I didn't know you could do that. That's, that's pretty cool. Okay. Elio: Yeah, so demo time is, is a total different products. Um, I've been speaking at conferences since 2011, I think, and in the beginning it's always, uh. Stressy when you jump on stage and doing a technical talk. Um, and over time you're getting the hang of it and it's so common or it's so, it, it doesn't stress me out anymore. Um, so that's also the point where I still like to do, uh, live coding demos or live technical things because. It still gives me a kick, uh, still gives me some excitement. I need to prepare things. Um, and I also love seeing people talk on stage and doing their live coding demos. Um, sometimes things fail and most of the time things fail, and that's also the point where you learn a lot of things on how is a presenter going to solve these things. But yeah. As a presenter, you don't like that because you, you can, you can be the best coder, but if you're live on stage, you're stressy, you're not in your chair, and all of a sudden you cannot type anymore. Um, and that's also one of those things that I started thinking about, okay, what can I do to make my life easier? And then, yeah, a lot of developers and a lot of speakers started doing snippets. Uh, so we have snippets somewhere in a repository or visual studio code. And then the moment we are going to head on stage, we know that we need to do this keystroke. And then we have this snippet, and then we do this keystroke, and then this snippet, um, works eventually. So that's how I got, I got started as well. Um, but then the more you do these kind of things, and sometimes you go just to one conference or to one event, uh, but if you do this talk a couple of times, you also need to create a script on what is your starting point, what is your end point? And if you want to do this again, how do you break things down? Uh, so going back to the starting point. And that's where it, uh, came all together to me, uh, where somebody came up to me, uh, also on a, on an event. And, uh, he said like, Hey, have you ever tried, um, codes Tour? It's a Visual Studio codes extension. Um. Which, yeah, before the AI era, it was a really good extension because you could ask, or you could create a tour dur, uh, throughout your repository, and then somebody new that comes in into your repository gets the tour around your coat. Like, this is what, uh, is a starting point, this is how it does this and this, and this. Very nice experience. I liked it. Um, and that person said like, Hey, this is something that we can use or you can use. In order to get rid of your snippets and create your life coding speaking experience, I was like, okay, yeah, let me take a look. And came home, started to take a look at it. Did some parts what I wanted to do, but it's very focused on that first experience and that experience on getting to know the repository. A lot of clicking around and this is something that I don't want to do on stage. I don't want to click around. I want to just use a clicker and say, Hey, next, next, next, do this. And that's where I started to think, okay, what if I create an extension that is something like a presentation? But it can have a presentation experience and a coding experience, and they can go fluently in flow into each other. Um, so, and that's became eventually a scripting experience for demo time. So it's a YAML or a Jason experience where I can just say, start with a markdown file, which is a slide, and then go over to creating a file. A blank file or it can be a file with content in it, adding, uh, content in it, highlighting codes, building it, running it. All of that can just be done by scripting and. All the things that you can do within the, uh, within Visual Studio Code can actually be scripted. And there are also a couple of parts where demo time provides you a couple of actions that automate things a lot faster so that you can say, Hey, create me a file, um, behind the scenes that are like six steps. Uh, now with just one action that is going to create it so. Andrew: Seems like that experience of creating those demos could be like kind of intense, like you're literally scripting vs code. So like what does it look like to create a demo and demo time? Elio: Um, that's an experience. Um, yeah. First it was just Jasons, uh, so you opened the JSON file and you started scripting. There's a schema, so you follow the schema. Now it's a configuration editor. That you can use, you can still use, uh, the JSON file or the yamo file. Um, but basically you first start with like, how you start every presentation. What are you going to show? Is it first going to show a, uh, slides, then you're going to add a new action, um, or a new, uh. Nowadays it's, it's all, uh, in a new terminology. So in the latest version, we change the terminology, uh, from demos and demo and demo step and so on, over to a more theoretical, um, experience. Like we have a play, we have an act, we have a scene, and we have steps in the scene. So, um. You first set a scene, which is, what are you going to do? Uh, so my scene is going to be like showing a presentation. So that's my scene. And in, in order to show that presentation, I need to have a step, which is going to open the slide, open. The slide is a markdown file, so that's the step that you're going to add. That's it. If your next scene is going to be showing code. Then it's go, you create that scene. The next step or the step inside that scene will then be an open a file. So first step is open a file, um, then the next step is to add codes to that file and so on. And it just clicking around basically. Or you can also start from. Code that you already have. Uh, so if you already have code and you just want to use it for highlighting code, you select code and you say, Hey, uh, create me an action or a step that is going to highlight this code in demo time. And then everything is then, uh, in your JSON file or your yamo. And in your panel you will see the whole step history, and then you can start either by clicking it or you go into presentation mode. And then you can use your clicker or the next key on your keyboard in order to go through your presentation. And the nice thing there is the moment you're done, you restart it. You remove all the things that you had done. Uh, like for instance, um, you don't commit it, but you discard it and you start again, uh, the next time. So when I go to a conference, um. They ask me, Hey, do you have a presentation? I can just pick up whatever presentation I have and I can start by just entering, uh, the presentation mode and clicking around. Maybe I need to update the slide because, uh, the slide deck is probably, or the slide team is probably for that specific event, but I can also use another team that the multi time already provides without any branding of that particular, uh, conference. So it's a very easy way, uh, the, yeah, the starting point is, is a little bit steep maybe, and that's still something I'm trying to work around, uh, to make that less steep. Um, but you need to start thinking differently on what you did before and how you're going to do it now. Uh, with them more time, but the moment you get started, um, yeah. The people that already used it, um, yeah, the advice has been so positive, um, that, yeah. Speaker: Yeah, it seems like pretty powerful. There's this, like, there's always this awkward point in talks where you're like going through your slides and then you have to switch over to like giving a demo. so he is like, let me like find my editor window and or whatever. And it's like kind of cool that pretty seamless of like the slides are just like a tab in vs code. And then, you know, you go to the next slide, which is your demo, and it just like. Using the scripting can like run the demo or whatever. So it's like that same experience through slides, which I think is, Elio: Yep. There are still people that want to use PowerPoints or keynotes, and there's like, yeah, for Keynote, there's no add-in, um, experience. But for PowerPoint there's an extension or an add-in experience. So there's actually also a demo time, uh, add in, uh, that you can couple to your visual studio code experience. So the moment you and open visuals, uh, the moment you open PowerPoints, you can just do your presentation and then. The moment you want to go to your demo, it's automatically going to flip to Visual Studio Code, start your demo, you do your demo there, and then you can go back automatically to, uh, PowerPoint as well. That way you don't have to context switch. Um, it's, it's automatically done for you. So you don't have to think about where is this screen again? So. Speaker: that's really slick. That's awesome. [00:21:54] AI and Monetization Plans Speaker: Yeah, it looks like it just like has, there's, so many features of just like, browsing through the docs. Um, I'm curious like. Uh, so I noticed you have an MP MCP server. I'm curious like, uh, how, you know, with this tools and other tools, like how you're trying to think about integrating like LLM usage with these tools. It's like, um, I don't really know exactly than like setting up some structure of your talk, like how you would really use AI for this, but I'm, I'm curious like how it, you've seen it shape out. Elio: Yeah. And, and that's still something I'm working on. Um, yeah, MCP was like. The first way to go because the moment M-C-P-M-C-P servers became hot, I was like, okay, let me see what I can do. Uh, hook up the documentation against an MCP server and then have a search experience in order to maybe automate things or ask, uh, the MCP server how you can implement it. It works. Um, is it used very often? I'm not sure. Um. There's also the LLM uh, text file, uh, that is being added to the documentation. So, um. Like if you use contact seven, uh, the MCP server from Contact seven, it also knows, uh, demo time. So you cannot, uh, automatically create, uh, demos from that, uh, or with that MCP server. But one thing that I'm currently looking at, um, friend of mine. Uh, he has a, uh, git uh, commit workflow, uh, where he says, like, when I, he does a lot of workshops, um, for Microsoft. Um, so it's a little bit bigger than just an one hour talk. Uh, but he has like a flow that he goes into like, um, start a project and then I need to create this file, commit this file with a specific description, and then do this. Create a commit. Do that. Create a commit. And everything is yeah, documented with these commit uh, messages. And he has created a, an agent that can read these commit messages and then automatically create a, uh, demo out of it or a presentation out of it. And that's also where. I'm thinking, okay, this could become like a sort of product for demo time that you use during the creation of your presentation. Okay, now I'm doing this committed, but then you use, for instance, demo time, um, at new file, uh, demo time, highlights, uh, line 70, demo time, do this, demo time, do that, and everything will be just a commit history. So at the end. You publish it, but, uh, demo time can then go over everything and then see, okay, these are the steps that you're actually doing. Okay, this is the whole presentation that I'm going to create for you. Um, so that's one way that I'm currently thinking about how to automate things with demo time. Um. Another thing is, yeah. Um, LLMs and AI is becoming, becoming so powerful. Uh, the moment you give it good documentation and a couple of samples, it can also create, uh, yeah. Amazing stuff for you. So it's, yeah, two ways, uh, that I'm currently thinking about. What's, what's the right way. Yeah. Uh, time will decide on that. I Andrew: Yeah, doing it via get commit messages seems, uh, pre pretty, uh, clever. Uh, that's an interface that everybody already knows, Elio: Yep. Andrew: We've touched on, uh, monetization a little bit, uh, and earning money for your work, but how have you been thinking about that with demo time and some of these side projects? Elio: That, that's, um, yeah, a good one and a hard one. Um, and maybe also another thing that I can highlight about demo time is, is the, the learning perspective, uh, behind, uh, behind it. So. But let's, uh, let's first go, uh, to the monetization. Um, yeah, open source. It's a very difficult, difficult one. Um, so, um, open source in my perspective, it's still a nice thing. Uh, you're contributing to, to the world. Everyone can use it for free, but eventually it's, it's, yeah, not giving me any money back, uh, or not something that I can live out of. Uh, so I earn. A small bit of money. Uh, most of the money just goes for the services I run behind it. Um, so it's a breakeven process, so that's, that's nice. Um, but I don't want to count the time, uh, that I already spent, um, on it, uh, because that's something that cannot be paid anymore because it's so much. Eventually it's also my hobby, so, and yeah, hobbies cost money. So my hobby cost a lot of time. Um, that's it. Yeah. Monetization around demo time is, is something I still taking a look at. Uh, one of those things is the demo creation, um, is, is something that we can productize, uh, might be. Um, another thing that I just built in is, uh, analytics around your, uh, presentation that is now part of a premium feature. And the premium feature is linked to your GitHub sponsorship. So if you sponsor, then you can, uh, just sign in into visual studio codes, like, uh, with any, any extension can look into the, uh, authentication experience of visual studio codes, uh, I can just say, Hey, um, sign in to GitHub. They sign into GitHub and then I can see if they are sponsor. If they are sponsoring, then they get the analytics experience as well. Um, it's useful for dry runs and the actual presentation on what worked, what didn't work. How long, um, were you. On one specific slide. Um, like for instance, if you're doing a talk for 30 minutes and you have it all thought out of, but all of a sudden you were talking about one specific topic, 10 minutes on this thing, and maybe you had it planned for only five minutes, what did go wrong? And then you can go back, uh, and take a look at it. So that's one of those things that I'm thinking about. Is this going to, to head off? I'm not sure. Um. Sometimes I hope that there's a big company that put their name on it. Like, uh, demo Time has been used by Microsoft GitHub. Um, OpenAI already on their conferences. There is support, but yeah, the support is like. Very small, uh, compared to, to what they used it for. So I still see, yeah, a broken demo on a big conference like that is like, um, yeah, people are starting to laugh at your product. So if you're doing a product demo, um, at that point you don't want to have your demos broken. Uh, they need to work. Um, so yeah, that's it. Um. There were a couple of other people that were giving me feedback on things that were missing, uh, or that they wanted to do, uh, in during a presentation like Pulse and, um, analytics, uh, around how many people are in my session and, and so on and so on. And that's where I started to think, think about, let me create another product, uh, which is called Engage Time. Um, and put it next to demo time. Um, it integrates fully, um. It also integrates with PowerPoint. It has nothing to do with demo time by itself. Uh, but it gives you a whole speaker and event experience. Uh, but that experience is actually being created for yeah, earning a bit of money in order to, to fully develop or keep on developing demo time and engage time. Um, so. That's also where I'm right now, uh, engage time is there. Uh, it's still in a better phase. I wanted to launch it early, uh, January. Um, but right now I'm, I'm also thinking about what is happening with AI these days, and SaaS products being killed and so on. I'm, I'm still looking into the licensing model. Um, probably going to go for like a license, uh, business. Uh. Oh, forgot the name. Uh, a license that is, like the code is there. You can just read the code, you can use it, but only for testing purposes. And then after four years, it becomes open source, or at least that version becomes open source. Um, so that there's like a trust relationship between people that are going to use it, that they can see, okay, we are not doing anything wrong with the data. Uh, but there's like a cloud offering that you can start using. Uh, so yeah, that's, that's one of those things that I'm currently looking at. Um, hopefully it starts, uh, making some money. Um, so, but yeah, it's a trial and error on that side. Speaker: Yeah, I I wish you luck with that. I, I know we've had so many conversations with people trying to figure out, like monetization of their tools, um, making open and source sustainable. It's like an evergreen problem and it seems to only be getting harder, especially with like the advent of ai. it's like some ways it's really exciting because people can do more and like there's more opportunity for people to realize their, their dreams, but like also, you know, bad behavior is like also easier. Wholesale copying people's projects or, know, whatever else. So, I don't know. I, I'm hopeful that like there's some good things that, that come out of this space and that people, some people like yourself, like, are able to sort of find a way to make it sustainable. But we'll Elio: that's, yeah, that's another topic that we can, uh, touch. [00:32:11] Moral Compass Against Cloning Elio: But yeah, I, I've wrote. I've written a blog post about it a couple of weeks ago. I think about, uh, the speed is, is so fast these days and we don't think anymore. We just do. Uh, and that's, that's a big problem. Um, there's actually. The moment that I started to think about it, I was in a car ride for two hours and at the end, um, I was using clot, uh, just talking against it. Um, I'm using it a lot to brainstorm and at the end it asked me like, yeah, do you have a solution for this kind of problem? I was like, Hmm. What could be a solution? And, and that's like, yeah. What we are not doing anymore is we are not having our moral compass anymore. Uh, there, like before we were going to plan, then we are going to check the markets. Oh, it's already there. Maybe I don't need to do it anymore. It's like the same thing that I did with my static side generator. I was building it because I liked it and it took, yeah. It was just fun to build. But then at, at, I was at a point where I said, okay, either I create a product out of it or I look what's on the market. And then I saw, okay, there's Hugo. Um. It's so much better already. Okay. I stopped doing it because it's going to take way much time. Um, so I'm, I'm just going to take, uh, Yuko and this is what we are not doing anymore. We, we are, we are not checking around anymore. I've, I've seen a couple of, uh, social media posts already around. I created this, uh, because it didn't fit, or the other products didn't fit in my workflow. And then the first criteria was it's free. That's not a criteria for your workflow. It's like, this is bullshit. This, this, this is just copying, uh, other people's work. And if we are keeping, keep on doing that, nobody's going to win from it. Um, so my solution or the solution that I came up back then was, uh, creating sort of moral compass, um, AI agent, uh, that I now use for my IDs as well. Uh, so. It starts as an interview. It asks me, what do you want to create? And then it says like, okay, um, now I know what you're trying to do, and it's going to do a market analysis around what is available on open source, what is available on, uh, SaaS products and so on. And then it gives an overview of, yeah, your product is doing this. But there are these products, maybe you should think about these products. Um, and then I already know, okay, this is not, um, something I'm going to go into. Speaker: Well, I wouldn't get too philosophical here, but I, I don't know that the markets are very, uh, they're, they're not very moral at times. Elio: I know. I know. And yeah, in an ideal world. I would hope that, uh, platforms like, like I'm not going to call any name here, but uh, like, let's say the vibe coding platforms, it would be ideal that they start with this kind of an interview. Uh, that they just say, Hey, what you want? Do you want to create, oh this? Hmm, but did you already know that this and this and index exist? And then come up with a reason why you don't want to use these products? But create a new one. Um, and if, if there are valuable points in it, yeah, sure. Like, uh, one of those things that I saw was, uh, it's all local, um, because I don't want to use a cloud service value point. Uh, so there's stress and, and security reasons, uh, around it. Very good point, but there's like these vibe coding platforms. Uh, last week they sent me an email, like, yeah, start cloning, uh, your, the product that you saw, um, why it was around Reddit. Start building your own Reddit clone. It's like, no, this is not something we should be doing. Like somebody put a lot of effort in it. Um, why should you start cloning it? Like nobody gains from it anymore. Andrew: Yeah, it does definitely feel pretty icky where it's like somebody spent so much time like looking into like the details of this, like getting the flows right. Making a good product and now like to recreate those products is just like so dead simple. It's, it's ridiculous. Uh, and it, it even extends to like packages. Like we, we use package managers and packages 'cause we wanna go, okay, somebody else did something like complicated and I wanna like, use that work and not have to do it myself. But in the age of ai it's like, oh well. Why not just put a similar thing generated into my project and then I control the whole thing. Like the line has kind of blurred a lot because work, work is worthless. Now it's like, so it's such a weird mind exercise where work went from this like very expensive thing to like costless and like, it just like completely upended everything. Elio: Yeah, and the license of ai, or at least like for instance, uh, kit copilot or Cloud, uh, it starts with $20. It's less than than the service that you need to pay for using it. So. That's like, yeah, it makes you think, not sure what the right way to go is there, but yeah. Um, having, having that thought to yourself like, I'm just copying, this is not right. Do, do I want to have people just copying my work and, and doing the same thing all over. I wouldn't feel happy with that, so I. Speaker: I think, I think there's also this illusion that, you know, it's kinda like what Andrew said. It feels like the work is getting cheaper, but I think it's like, It's almost a mirage a little bit. 'cause the maintenance work doesn't really go away. [00:38:07] DemoTime For Learners Speaker: And like the, the sort of mental toll of owning things doesn't get simpler. Um, I wanna pause here real quick, uh, before we move on. So we, I think there's a good segue here into talking about the Ghost Writer Agents, uh, project that you have. But also, previously you had mentioned that you wanted to talk about demo time and how, like it's for learners as well. Um, do you want to cover that? Um, and then we can move on, or do you wanna just like move on? Elio: Oh no. Let, let's, uh, let's go to demo time. Uh uh. Speaker: gonna, I'm gonna kick it off. We'll, we'll edit this piece out. Elio: Okay. Speaker: Well, before we move on to our next topic, uh, you, you made a statement earlier about like that, you know, demo time isn't just for speakers, it's for learners. Uh, I would love to hear a little bit more about, uh, that, like, what did you mean by. Elio: Yeah, so whenever you go to a session on an event, or you're doing a training course or whatsoever, um, most of the time what you get from the speaker is, is a slides. Um, and if you're lucky, uh, you also get the repository. With a code, but what you don't have is the actual flow of that speaker. Um, what, how did they start? What was their mindsets on speaking about this and then going that, and then this, uh, doing that particular demo and so on. And this is where demo time shines, uh, where I can just give a repository. With the whole script in it, and then if I give it to any of my attendees. They can just clone the repository, open it in Visual Studio Code and click on start, and they can go step by step through the whole same process that I was doing. Code is going to be added, uh, code is going to be highlighted and so on. I can also add some notes there. So there, there can be a markdown file being added. The moment you click on something, it opens a markdown file and it says, here, I want to talk about this particular thing. These lines are very important because, and so on. Uh, but what this gives to an attendee or yeah, somebody that was in your workshop, they can do it at their own pace. They can learn. At their own pace, they can read it. They, they don't need to write anything down anymore in your session. Uh, so that's also what I'm telling during my sessions is everyone that wants to take screenshot, uh, take pictures or write things down, feel free to do so, but know that you got everything from my session in repository. You can clone it and you can do whatever you want with it. And, yeah. It's, it's like you're watching a video and you can pause it and then write it down and then play it again and so on. But now you're actually having all the sources. Um, so this is what, to me yeah. Makes demo time shine. Um, and yeah, it's a very valuable aspect out of it. Speaker: Cool. Yeah, that's, uh, yeah. That's awesome. I mean, I definitely have had times where I was like following a demo and they did something and I was like, oh, I'm. know what they did and, and it'd be cool to like be able to like actually replay the whole demo, not just in the recording, but actually see what it's running. Um, cool. [00:41:04] Ghostwriter And Voice Future Speaker: Well, with that, this is a good transition point to talk about another project that you had, um, this project called Ghost Writer Agents. Uh, and it, it plays into the theme of what we were talking about earlier of like, you know, how much responsibility we give off to ai Mm-hmm. um, yeah, just, just tell us a little bit about this project, um, and, and how you use it. Elio: Yeah, so, uh, ghost Writer Agents is not something that I invented. Um, I borrowed the id, uh, not even cloned it. Um, it was a project, uh, that was, uh, being shown off to the, uh, Google developer experts a couple of, uh, months ago, uh, where they had created a. Tool that hooked into Gemini. Um, but as I was not the Gemini user, I was a co-pilot user. Um, I had to recreate it, um, in like markdown files, uh, to be able to have like agents. Um, so I started thinking about, okay. What if I can have a better experience for writing my blog post? Typically what I do is I have my brain dump, uh, that I have somewhere in yeah, a markdown file in front matter. And the moment I have time, I start writing it. Um, so I say, okay, here needs to be a screenshot here, needs to be a code snippet, and so on and so on. Um, but nowadays, uh, or what I wanted to get to was what if AI can actually interview me around a specific topic? Um, and that way it's, it broadens the, the knowledge around that topic because AI is interviewing you, so it's going to ask you a couple of questions like, Hey, have you thought about this? And how do you do this? And how do you do that? Um. Yeah, eventually it became Margan files for an interview, a writer, a voice creator. Um, there's also a brainstormer, um, and you have the moral compass right now. Also part of, uh, the Ghost Writer Project. Um, back then started, as I said, like agent files that can be installed for clouds, copilots, um. And any agent, uh, these days or any AI tool these days that support a, uh, agent files. Um, and then eventually it became also a Visual Studio code extension. And the reason why was that I wanted to have an integration within front matter as well. Uh, but still it's a separate product, uh, or a separate extension. Um, but it's all starts within front matter where you can just say, Hey. I want to have an interview around this topic and then it's going to say, okay, uh, this topic, okay, what do you want, uh, to tell about this topic? Um, how long do you want to have it? Um, and so on. And depending on the first questions it asks you, um, it starts ask you more questions, um, or less. Um, so if I say it should be a very short blog post, it's probably going to ask you around five to 10 questions around that particular topic. But if you. Want to really dive, do a deep dive. Yeah. I, I've been in cases where it ask me 50 questions. Um, so, and the nice thing about having it all in Visual Studio Code is that you can link, uh, your images and so on. So. At the end, you get a transcript, and from that transcript you go over to the writer agent, and then you say to the writer agent, um, this is my voice file. Uh, it gets automatically generated, uh, or you can automatically generate it based out of your previous, uh, markdown files or the content that you already have written. You select it and then you say, okay, I want to write this particular blog post. And then it creates it. And then you have a draft. Um, this is my starting point nowadays on Yeah. Starting to write this. Uh, so first my interview, then the writer creates the document out of my transcript with my voice, and then I adapt it to my needs. Uh, so I never publish it automatically, but the difference here is, or at least what I see, is you've seen a lot of blog posts these days or articles that are just AI generated, um, that you say, I want to write about a particular feature, and it starts writing about that feature. Can the article be good? Yeah, for sure. Uh, it can be a really good article or there can be some hallucination in it, uh, but. In this case, it's, it's an interview. It's your voice, it's your answers. You gave all the details, and AI is just going to use these details of your transcripts to create the article. So it's the whole thing is you, the only thing that's was generated out of AI is the article and that's it, that's a structure and so on. But, but still it are your words. And then if you adapt it even more, uh, by yourself, um, yeah, you can completely make it yours. Andrew: Yeah, I find it fun. You took like some coding, uh, like LLM techniques and applied it to writing like you kind of with, uh, some of your agents. There's like the adversarial, uh, aspect to it where it's like kind of like trying to be this bouncing board off the holes in your logic and then like the whole workflow itself kind of feels like. Plan mode where like you spend a lot of time in a plan and like conversing with the AI and then the output is much better because it has all of this context of what you wanted it to be before it actually went and did the generation. Elio: Yeah. And, and it's also a very nice way to, to start writing again. Um, because. You're not doing it by yourself anymore. Somebody's actually asking you questions and it's, it's, yeah. This is what I was also intrigued about when I first saw it at, uh, Google. Um, it's like, yeah, this is a really nice concept of using AI in order to retrieve my more information out of you without actually having thought about it, uh, around, I'm, I'm just going to write about this particular feature. Then AI is going to ask you, Hey, but now that you're using this feature, have you thought about this? No, I didn't. But that's actually a really good question. Then you start going into that particular thing, and yeah, depending on how you blog posts or you review or whatsoever needs to be written. Yeah, you can go in depth or, or not. Or you can just say, no, stop here. This is for another blog post. Speaker: I think this like plays into the thing that you said earlier. It's like, um, you know, a lot of people are using AI to like, or LMS to think less, right? They're, they're just like, oh, just like, do more things for me. Um, and you know, there are, are people liberally using the LOP canons to Of blog posts and or other content that is like. Not that it's necessarily unoriginal per se. Like I've seen some slot content that was like good and helpful, but like. It's interesting that, you know, that's, that bar is not useful really, because it's like, there's this contract, this relationship that we have, you know, as a reader to a writer and a writer to a reader. Like we respect each other's times and, you know, the, I don't know, there's, there's something here. And, you know, I, I like the idea of like, I'm gonna use the tool to refine my thinking and to challenge me and to push me to make the content better and to, you know. Do something maybe like compress the timeline of like how long it takes me to put something out, because I'm like, have these other avenues to push on it, but not like, oh, I'm just gonna like, generate this article. Um, because I, I think that there is like that subtle balance there and it's, um. I don't dunno. It's, it is something I've been thinking a lot with my own writing. 'cause I, I wanna write more and I struggle with it a lot. with the activation energy and feeling like, oh, the story, this story I'm trying to tell is not very comprehensive. And it's so tempting to just be like, Hey, LLM fix this for me. But that's like, you know, that's also not good because that doesn't help improve my practice of writing. Right. That doesn't help me as a writer. Um, so yeah, it's, it's an interesting project. Elio: Yeah, definitely give it a try. At least for me, it helps. Um, now the only thing that you need to do is come up with a topic and then let the AI do the thing for you. Uh, not let the AI do the thing for you. Let AI. Do the interview for you, and then you can see what comes out of it. Um, if it's nothing, yeah, you can just throw away the transcript or use it at a later point again and say, Hey, use this trans as transcript, uh, but do the new interview out of it. Um, at least you get something. And you, you can also use it as a brainstorming, uh, like is it something Yeah. Let's see. Speaker: Yeah. That's really cool. Um, Andrew, do you want to start wrapping up, do a future fishing question or where do you wanna take it next? You're muted by the way. Andrew: Let's do a future question. Do you want to pick one of 'em and then we can wrap up? Speaker: Um, Andrew: Or we can just wrap up? Speaker: yeah, no, no, Andrew: Yeah. Speaker: we can pick one. Um. Uh, maybe I'll, I'll, I'll hand this off to you. Is there, like, is there, so normally when we're wrapping up, we like to ask, uh, our guests like a future facing questions. Like, you know, Hey, like what tool are you gonna work on next? We're gonna take X, Y, or Z. You've got some tools that we haven't. Chatted about yet. Um, but we could also sort of like take this more broadly. Is there something that you think would be interesting to talk about? Like when it's framed like from a future facing perspective? Elio: Mm. Yeah. Uh, one thing that I'm doing a lot these days is, is using my voice instead of typing. Um, so this is something we can talk about, um, also creating a product, uh, around that as well. Um, so. Speaker: Yeah, that, that sounds great. I, I'll, I'll lead into that. I saw your note about the voice snippets, uh, project. So, so maybe that's, that's good. Cool. So as we're getting close to wrapping up here, we always like to ask, um, our guests like a future facing question. And I know that you're working on a, a, a new project called Voice Snippets and, and we've chatted a little bit, uh, about how you're using voice more, uh, like. In your day to day now that, uh, we have these like agents, um, yeah. I would love to hear like where you think this space is heading, how you're sort of approaching it and how it's like changing your workflow. Elio: Yeah, I think I need to start. Two years ago, uh, when, uh, GitHub, uh, released like GitHub co-pilot voice, um, I believe it was two years ago or something, um, where they announced it on stage and they were like, yeah, now you can use your voice in order to, um, tell copilot. What to do for you? I saw the accessibility perspective out of it. So that's a really good point. Uh, for people that are, yeah, don't use their keyboard or cannot use their keyboard now, but now can start using their voice in order to create applications. Uh, but then I think it was somewhere December last year, uh, when somebody said like, Hey, I'm using Whisper. Um. And, um, yeah, he showed me his workflow on how he used his voice in order to do all sorts of things. And as we are currently more and more prompting ai, it makes so much more sense to use your voice. Um, and one tool that I'm using daily nowadays is a handy, um, it's a handy computer, I think the website. Um, so it. Does local transcription of your voice. Um, so I hold the keyboard shortcuts. It starts listening to me. The moment I stop, um, I remove my, or yeah, I stop pressing it. It's going to transcribe what I said and it it. I started using it I think at the end of December, beginning of January, and it became so convenient. Same thing with ghost writer. And ghost writer asked me a question and I can just, uh, talk against ghost writer, Hey, this is what I want to do, and blah, blah, blah, blah, blah. And then it's transcribed it, uh, presenter. And that's, press enter. That was the moment that it stuck me. Like, what if I take this one and a step further? Uh, what if I can command my device to do anything that I want? And this is how voice snippets what's going to be created. Like it does text expansion, it can do shortcuts, it can do simple workflows. Uh, like I can say, uh. Um, open demo time and what it does for me, it, uh, triggers raycast, it, uh, searches for, uh, visual studio codes. It opens, uh, visual studio code extension in Raycast, and then it's, uh, looks for demo time and it presses enter and demo time opens in Visual Studio code so I can start coding and then I can say, um. Start development and it opens my terminal and it runs MPM, uh, run dev. Um, so when it starts development, so all of that thing, uh, all of these things are just commands that you can then define. Um, and I can actually start, um, yeah, working. Automatically with it by just using my voice. And funny fact is today I received my new keyboard. Um, so I still need to program it. Uh, but then I have one keyboard or one key press for my voice for the dictation, uh, for Handy. And then another key that I'm going to use for, uh, voice snippets. So. That way I don't need to use my whole keyboard anymore. So let's see how that one goes. Um, but I think voice becomes so important, um, 'cause it's so much faster to talk than to type. Um, and as we are using more and more AI and more and more prompting, yeah, this is so convenient. Um, but it takes a couple of days. In order to get it out of your fingers and into your microphone. So I think this is, this is where we are heading, that we are going to talk more and more to our computers. Yep. Andrew: I was looking through that handy website. It looks like a nice little tool. I like that. They are, they're like, oh, we made this as simple as possible so you can fork it. And then the examples of people making foot pedals, uh, for handy Elio: Correct. Andrew: funny. Elio: Yeah. Correct, correct. And, and actually I wanted to do the same thing until I then came up with voice snippets and then I was like, yeah, now I need to have two buttons. So I started looking for a device. Uh, so I came up with, or I found this one last week. Andrew: Now I have to come up with a function for the third button. Elio: Yeah, yeah, that's true. And there's also an, uh, handle around it, uh, that I can turn around. Not sure what I'm going to use that one for, but. Andrew: How hard the AI tries maybe. Um, well that wraps it up for our questions this week. Thanks for coming on and talking about all the projects that you've worked on and are working on. It's a, it's a lot, uh, and they all look very high quality, so, uh, thanks for putting those out there. Elio: Thank you very much for having me and, uh, see you next time. Speaker: Yeah, we really appreciate you having on, having you on, and I also really appreciate your thoughtful approach to this changing world. I mean, I think some of the tools that you're putting out there are, are incredible and you know, just leading with things like moral agent or just trying to make people thoughtful about how they're using these new tools, I think is We needed all the, the positive voices in the space that we can get. So, uh, thanks for your efforts. Elio: Thank you.