Creator Of Taste Skill Just Revealed His Entire AI Design Workflow

Leon Lynn has been the top trending author on GitHub for a while now and that's mostly because of taste skill. It's a design skill he made and it's been the top trending design skill on GitHub for a while. He also posts the things he builds on X and the designs he gets out of AI look nothing like what most people get. And now he's written an

article that reveals all the techniques he uses to get insane designs. The main idea behind them is that the thing you'd think matters most is exactly what he says doesn't matter. What makes the design good is a structured process that you follow. If this is your first

time, we're a software company and this is our channel, AI Labs. And in this video, we're going to go over each step of his workflow in detail. Then we'll show you the skill he made out of all those steps, so you can repeat the whole workflow without doing each step yourself. We're doing everything in

Claude Code, but none of these tips are specific to it, so they work the same way in any coding agent you use. The first tip Leon gives for getting good designs is to keep your prompt short and give the agent strong references. Leon says the words you use to describe your

design barely matter. That's because words don't make it clear what you want. Even if you describe the design really well, the model might read it as something totally different. And since the model can't see the picture in your head, it can't really build the design you want. That's why the

references matter the most. A reference shows the things that are really hard to describe, like how the sections are laid out, how much space there is between things, and what the text looks like. Words alone can't explain those as well as a picture can. That's why Leon says he gives the agent around 9 to 12

reference pictures with a short prompt instead of a long prompt that explains the design. Now, there are a lot of ways to get design references for your agent. One of them is Dribble, which is a site where designers post their work. You can open it and search for the app you want to build. Then you can look

through what other people have made that matches what you want and browse through their designs. Once you find a style you like, you can take a screenshot of the part you want on your site and paste it into your agent. When you do that, your agent will build that part based on the screenshot. And if you don't want to do

that by hand, there are tools that give your agent good design references, and we've covered a lot of them. One of them is inspo. It's an MCP that you connect to your agent and it gives your agent a library of more than 800 websites to use as references while it works. You can connect it with the

install command from its site and then it's ready to use. So whenever you give your agent an app idea, it will take ideas from Inspose library and build the site based on them. There's also a similar tool called the awards MCP. It gives your agent references from awards which is a site that picks the best

designed websites. You can connect it to your agent, too, so it can use those references. And if there's an app out there that's similar to what you're building, you can point your agent to it. You just need to name that app in your prompt, and the agent will use its web tools to look at it. But if you want the agent to go through that site the

way a visitor would, you can use agent browser. It's a tool from Versal that lets the agent open any website and use it on its own. It can take a screenshot of the whole page at once, and it can also record a video of a site so the agent can see how the animations move. To set it up, you just need to run the

install command from its repo. Once it's installed, you can give your agent a site and tell it to use agent browser to study its design and build something similar. When you do that, it starts by opening the browser and loading the link you gave it. Then it scrolls through the page taking screenshots and works out

the design patterns and it uses them to build its own version. And if you don't want to use agent browser, any other tool that can open a site and take screenshots works too. But before we move to the next tip, it would be great if you subscribe to the channel and hit the like button. This small gesture of

support goes a long way for us. But once you have your references, the second tip Leon gives is to make your target first. This means the agent needs a goal to reach before it builds your app. So you decide exactly what the result should look like, and then the agent's only job

is to match that target as closely as it can. References help a lot with how good the app will look. But before you build, you also need to know how the app will feel when you use it. A target puts all of that together quickly so you can check the whole page before the real

build. For a page, that target is a mockup, which is a quick version of your app that your agent builds as a simple web page from your references. Having your agent make mock-ups helps a lot because you can try lots of design changes quickly without using too many tokens. That's because a

mockup is much easier to change than your app once it's fully built. And instead of copying your references exactly, you can ask for the same quality and feel in your own style so the page looks like your product. So to make your mock-ups, you just need to ask your agent to build three different

designs for your app and show them all placed together on one page. Once it's done, you can look at each design and pick the one that works best for you. And you can also check how they look on small screens so each design works on any device. Then whichever style you like, you can just ask your