12ui Design is here!

[zemaj]

Woohoo! So this is what I've been working so hard on for the past year. Essentially it's a design system for coding agent.

Install the skill and your agents will start designing like a professional designer!

Under the hood, it's a really clever system. At the heart of it, what it does is identify the ways in which coding models fail in design: when they create designs, they tend towards their training safe zones - these lack personality and embody everything people hate about AI tools. The way that we move agents out of it is that we use image models rather than coding models for the design process.

Image models have a lot of advantages in that they can actually see colors, balance, and spacing, and they produce reliably better designs than coding models, particularly with the right reference materials and prompts. We've built a 20k+ corpus of novel designs which provide immediate, high quality references. Once we have a single reference image, we can then branch that out and create other pages and other viewports.

The last really important part of the system is that we have an almost pixel-perfect conversion process, which takes the completed images and turns them into HTML or any other code. This is an end-to-end process to creates amazing designs with your coding agent. Often, it's substantially faster than using coding agents to build designs, particularly when you take into account the iterative process of trying to get them to fix issues (because they just fundamentally can't see a lot of the problems that occur). By using the image models to see the designs, we shortcut a lot of the problems that exist in the design process.

It's really awesome. There's a super generous free tier. We're getting a lot of traction online already with this system, and of course it's built by the team behind Every Code, so it has a lot of technical capability behind it. It works with all the coding agents you're already using, including Every Code.

Check it out! https://12ui.com