Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Practical example of Brian's wisdom: I needed a new OG image for Graphical's Changelog I pushed this morning. Instead of drawing it in figma, I made a little tool in our app that I (and my agents, automatically) can now use to make branded images for any URL.

joshpuckett

44,087 subscribers

25,638 views • 3 days ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

I was digging around the HyperCard 1.0.1 floppy image tonight, as one does, and found a curious private file: FONT 31756. It's a font file containing all of the glyphs for HyperCard's tool palette, likely created by Kristee Kreitman and Marge Boots (credited in the app for Graphic Art). I can't believe they were using this technique back in 1987, although it seems Bruce Tognazzini invented it with MouseText two years prior (!). I was moved, as I often am by the work of our field's forebears, so created this little tool for everyone to explore it here:

I was digging around the HyperCard 1.0.1 floppy image tonight, as one does, and found a curious private file: FONT 31756. It's a font file containing all of the glyphs for HyperCard's tool palette, likely created by Kristee Kreitman and Marge Boots (credited in the app for Graphic Art). I can't believe they were using this technique back in 1987, although it seems Bruce Tognazzini invented it with MouseText two years prior (!). I was moved, as I often am by the work of our field's forebears, so created this little tool for everyone to explore it here:

joshpuckett

52,024 views • 1 month ago

Always make a jig. Whenever I'm making something that's repetitive or highly dynamic, I try and make a tool to aid me. For the categorization quiz in Pica, each font card hops into the style you select. I made this lil curved path editor to dial it in.

Always make a jig. Whenever I'm making something that's repetitive or highly dynamic, I try and make a tool to aid me. For the categorization quiz in Pica, each font card hops into the style you select. I made this lil curved path editor to dial it in.

joshpuckett

38,874 views • 5 months ago

Discovered a new love for holdouts. Now I can do logos in Blender instead of illustrator. Everything app indeed.

Discovered a new love for holdouts. Now I can do logos in Blender instead of illustrator. Everything app indeed.

BLUE NILE 3D

72,698 views • 1 year ago

From product image to video with just one tool - Dzine As you may have noticed, this is one of my favorite tools. It is also very underrated, as probably 50% of my tutorials include some workflow. I was testing the new image-to-video option today, and I love it. Step - by step guide in comments 🔽 I can do 95% of a workflow without switching between apps. Image generation, Image to image with style reference, background removal, background generation, and 2 frames image to video. The only other app I have been using for this video is CapCut so that I can stitch it together. Step by step 🔽

From product image to video with just one tool - Dzine As you may have noticed, this is one of my favorite tools. It is also very underrated, as probably 50% of my tutorials include some workflow. I was testing the new image-to-video option today, and I love it. Step - by step guide in comments 🔽 I can do 95% of a workflow without switching between apps. Image generation, Image to image with style reference, background removal, background generation, and 2 frames image to video. The only other app I have been using for this video is CapCut so that I can stitch it together. Step by step 🔽

Teodora P L

28,523 views • 2 years ago

Tonight's tool: a simple way to preview any text in all of my local fonts at once. Would you find it useful if I cleaned up and released?

Tonight's tool: a simple way to preview any text in all of my local fonts at once. Would you find it useful if I cleaned up and released?

joshpuckett

45,701 views • 7 months ago

Good software is durable. Here's an quick example of what that means, at an interface level. In X, you can choose a custom emoji reaction. The popover looks like what I expect, but it does not work like I expect. I want to use the ‼ emoji, so the first thing I try is obviously '!'. No results. The sum of a million little papercuts like this means X feels like broken software, not well designed or made. Which is a shame, because it's a brilliant product and network.

Good software is durable. Here's an quick example of what that means, at an interface level. In X, you can choose a custom emoji reaction. The popover looks like what I expect, but it does not work like I expect. I want to use the ‼ emoji, so the first thing I try is obviously '!'. No results. The sum of a million little papercuts like this means X feels like broken software, not well designed or made. Which is a shame, because it's a brilliant product and network.

joshpuckett

55,420 views • 9 months ago

HTML Artifacts are a big part of how I work with agents now. Artifacts can be more than just static files. When combined with agents, they can take action or help you take action. This unlocks all kinds of interesting ways to work with agents. This is clearly the future. Check out this writing and scheduler artifact I built in a few minutes. It uses a bit of HTML and JS. All the data is in markdown (Obsidian vaults), so the agent can access and modify it at any time. No DB needed. No sophisticated functionalities. The agent decides all that for me based on the skills, context, and memory it has access to. The best part about this simple stack is that all the important information stays with me. This has allowed me to build a recursive self-improving system and automations that can better tap into coding agents like Codex or Claude Code. I could have paid or built an entire app for scheduling posts, and there are so many of them out there. But I don't need to. I've realized a simple artifact does the job. And the simplicity of it is actually an advantage. Very little maintenance for very high returns on personalization, time, and efficiency. The other benefit of this is that I can add features as I please. That level of personalization feels magical, and we should all be pursuing more of it. All of this just keeps compounding. Of course, this example is just about writing. But I have similar artifacts for research, design, experimentation, evaluation, and so much more. And no, I didn't actually publish the post example I shared in the clip. It was just for demonstration purposes. I actually spend more time than this when writing together with agents. Lastly, having built my own agent orchestrator tool has made me realize that simplifying the tool stack is a superpower. If you are curious about how all this works, I will do a live session next week:

HTML Artifacts are a big part of how I work with agents now. Artifacts can be more than just static files. When combined with agents, they can take action or help you take action. This unlocks all kinds of interesting ways to work with agents. This is clearly the future. Check out this writing and scheduler artifact I built in a few minutes. It uses a bit of HTML and JS. All the data is in markdown (Obsidian vaults), so the agent can access and modify it at any time. No DB needed. No sophisticated functionalities. The agent decides all that for me based on the skills, context, and memory it has access to. The best part about this simple stack is that all the important information stays with me. This has allowed me to build a recursive self-improving system and automations that can better tap into coding agents like Codex or Claude Code. I could have paid or built an entire app for scheduling posts, and there are so many of them out there. But I don't need to. I've realized a simple artifact does the job. And the simplicity of it is actually an advantage. Very little maintenance for very high returns on personalization, time, and efficiency. The other benefit of this is that I can add features as I please. That level of personalization feels magical, and we should all be pursuing more of it. All of this just keeps compounding. Of course, this example is just about writing. But I have similar artifacts for research, design, experimentation, evaluation, and so much more. And no, I didn't actually publish the post example I shared in the clip. It was just for demonstration purposes. I actually spend more time than this when writing together with agents. Lastly, having built my own agent orchestrator tool has made me realize that simplifying the tool stack is a superpower. If you are curious about how all this works, I will do a live session next week:

elvis

18,374 views • 5 months ago

I made a "harness" to generate any kind of building in Machine Assembly style (for use in my game, but can be imported into any threejs project)

I made a "harness" to generate any kind of building in Machine Assembly style (for use in my game, but can be imported into any threejs project)

Tony Dinh

50,792 views • 1 month ago

Haven't posted about Shadow in a while but today there's a really cool new development. I got to try out a new tool that's in the works that allows for editing of the vfx files, and I made new effects for the Chaos Snap with it. Huge thanks to angryzor for the tool

Haven't posted about Shadow in a while but today there's a really cool new development. I got to try out a new tool that's in the works that allows for editing of the vfx files, and I made new effects for the Chaos Snap with it. Huge thanks to angryzor for the tool

Proto arts

13,177 views • 3 months ago

According to Gwyneth Paltrow, if you want to avoid dairy, just use kale. For example, instead of cream in my coffee, I dumped chunks of kale in my mug and can barely taste the difference.

According to Gwyneth Paltrow, if you want to avoid dairy, just use kale. For example, instead of cream in my coffee, I dumped chunks of kale in my mug and can barely taste the difference.

Dr. Jebra Faushay

83,395 views • 4 months ago

A few people have asked how I make these animations. The answer is it's just code and a screen recording. I’ll make little jigs like this interactive timeline to dial things in, but for me I find this is still the fastest way to create and refine exactly what I want.

A few people have asked how I make these animations. The answer is it's just code and a screen recording. I’ll make little jigs like this interactive timeline to dial things in, but for me I find this is still the fastest way to create and refine exactly what I want.

joshpuckett

53,836 views • 3 months ago

Yesterday I was giving a lecture at University of Washington. I saw that copy-paste design from Figma Make to Figma Design dropped, and tried it for the first time in front of about 300 students. The crowd went wilddddddddd with applause when it just worked!!!! This is what I showed them:

Yesterday I was giving a lecture at University of Washington. I saw that copy-paste design from Figma Make to Figma Design dropped, and tried it for the first time in front of about 300 students. The crowd went wilddddddddd with applause when it just worked!!!! This is what I showed them:

miggi from figgi

37,207 views • 1 year ago

they made a new update for the front-end thingy i use so i can just put a bunch of hallows here now. this is so beautiful

they made a new update for the front-end thingy i use so i can just put a bunch of hallows here now. this is so beautiful

seam licker maia 🧶🐈‍⬛

24,395 views • 2 months ago

I made a tool It's for sharing images with coding agents in envs where copy/paste doesn't work (e.g. terminals over ssh) It gives you ready-to-go prompts, or you can copy as OCR

I made a tool It's for sharing images with coding agents in envs where copy/paste doesn't work (e.g. terminals over ssh) It gives you ready-to-go prompts, or you can copy as OCR

Ben Vinegar

26,763 views • 7 months ago

I was so flabbergasted by this that I built a tool just to convert recipes into this format. Upload any URL, image, or text and get back a neat table that you can paste into sheets or export as PNG. Fully free at ❤️

I was so flabbergasted by this that I built a tool just to convert recipes into this format. Upload any URL, image, or text and get back a neat table that you can paste into sheets or export as PNG. Fully free at ❤️

Nic0le

456,255 views • 2 months ago

Building a design tool that lets you animate Metal shaders (for iOS and MacOS) with a timeline. Now I just need an app to use this star intro for

Building a design tool that lets you animate Metal shaders (for iOS and MacOS) with a timeline. Now I just need an app to use this star intro for

Daniel Destefanis

28,851 views • 1 month ago

siri automatically made a table list of my class schedule in the notes app and i can ask it what my next subject is with accuracy 😭 one of my animations is finally #Realasf

siri automatically made a table list of my class schedule in the notes app and i can ask it what my next subject is with accuracy 😭 one of my animations is finally #Realasf

oofus

45,387 views • 4 months ago

Did some spring cleaning over the weekend; finished a 'garage project' I had -- in near future we won't use docs for how things work, agents will do all of it for us So I did this for Base -- it's called BaseHub, built exclusively for Agents; updates automatically everyday

Did some spring cleaning over the weekend; finished a 'garage project' I had -- in near future we won't use docs for how things work, agents will do all of it for us So I did this for Base -- it's called BaseHub, built exclusively for Agents; updates automatically everyday

wbnns ⚡️

16,047 views • 4 months ago

I needed a faster way to bulk-download from YouTube on my MacBook, so I built this Mini YouTube Downloader for macOS users. Something I need for my personal use, by the way. #BuildInPublic Here’s the tool in action:

I needed a faster way to bulk-download from YouTube on my MacBook, so I built this Mini YouTube Downloader for macOS users. Something I need for my personal use, by the way. #BuildInPublic Here’s the tool in action:

MA J O R L E A G U E

15,981 views • 8 months ago

I just built my own wiki generator plugin for my agents. My agents can now generate wikis for anything I ask. One of my favorite wikis is called PaperWiki. This is a great example of what Andrej Karpathy describes. It uses obsidian vaults to organize papers, retrieve LLM-generated summaries, diagrams, and other advanced views for paper exploration. When Obsidian UI is not enough, I use my own artifact generator inside my agent orchestrator (see clip for example). This allows my agents to build any kind of view or exploration feature that I need. The papers are all curated with automations and several rules/patterns I have manually built over the years. On the surface, this looks basic. But behind the scenes, there are advanced search capabilities, connections, metadata, derived data, and other interesting bits of information that are extremely useful for my research agents. This is mostly built for agents. The artifact preview is just a high-level way to validate and quickly assess the quality of the wiki, suggest improvements, and it's also great for research. I use tobi lutke's qmd for all search capabilities. Everything is markdown. The summaries and even the diagrams. The wiki updates on its own based on several automations I have optimized over the past couple of weeks. The wiki grows and self-improves based on several requirements important for my research use cases. This is as personalized as it gets. There is nothing like it out there. And I use my research expertise to continue improving it over time. This is a vanilla wiki. There are so many things I want to build on top of this. Different aggregations, views, artifacts, etc. All to help automate more of my research work and accelerate productivity. I think the biggest leverage here is how powerful this could be for discovery and experimentation. One of my goals is to use it to find deeper connections and insights that would otherwise elude the top human researchers and use those to generate interesting new hypotheses and research experiments. That way, my agents can use autoresearch to explore research ideas at the frontier. Stay tuned for more.

I just built my own wiki generator plugin for my agents. My agents can now generate wikis for anything I ask. One of my favorite wikis is called PaperWiki. This is a great example of what Andrej Karpathy describes. It uses obsidian vaults to organize papers, retrieve LLM-generated summaries, diagrams, and other advanced views for paper exploration. When Obsidian UI is not enough, I use my own artifact generator inside my agent orchestrator (see clip for example). This allows my agents to build any kind of view or exploration feature that I need. The papers are all curated with automations and several rules/patterns I have manually built over the years. On the surface, this looks basic. But behind the scenes, there are advanced search capabilities, connections, metadata, derived data, and other interesting bits of information that are extremely useful for my research agents. This is mostly built for agents. The artifact preview is just a high-level way to validate and quickly assess the quality of the wiki, suggest improvements, and it's also great for research. I use tobi lutke's qmd for all search capabilities. Everything is markdown. The summaries and even the diagrams. The wiki updates on its own based on several automations I have optimized over the past couple of weeks. The wiki grows and self-improves based on several requirements important for my research use cases. This is as personalized as it gets. There is nothing like it out there. And I use my research expertise to continue improving it over time. This is a vanilla wiki. There are so many things I want to build on top of this. Different aggregations, views, artifacts, etc. All to help automate more of my research work and accelerate productivity. I think the biggest leverage here is how powerful this could be for discovery and experimentation. One of my goals is to use it to find deeper connections and insights that would otherwise elude the top human researchers and use those to generate interesting new hypotheses and research experiments. That way, my agents can use autoresearch to explore research ideas at the frontier. Stay tuned for more.

elvis

67,308 views • 6 months ago