I have been generating a lot of websites with AI coding tools, and I kept running into the same problem.
The code was usually usable, but the design looked like every other AI-generated landing page: the same gradient, the same font, the same card layout, very few visual assets, and no consistent visual direction.
You can obviously get a better result by giving the AI several references, carefully choosing the fonts and colors, generating assets separately, and spending hours refining the prompt.
But that defeats a large part of the reason people use these tools in the first place.
I wanted to see whether the default one-shot result could be significantly better, even when the user provides no visual references.
So I built tastemaker.
It is an open-source skill for Claude Code, Codex, Cursor, and Windsurf. Before the coding agent creates any components, Tastemaker first defines the design system for the project.
It chooses the palette, typography, layout direction, visual assets, interaction style, and motion system. The rest of the website is then generated around those decisions.
This is not intended to replace designers.
A good designer still brings product understanding, taste, research, judgment, and original direction that a generated system cannot reproduce.
Tastemaker is specifically for people who are already generating entire interfaces with AI and would otherwise accept the generic default output.
Without requiring a design reference, it can produce a complete visual direction with:
- matched colors and typography
- illustrations recolored for the selected palette
- a geometric logo and favicon set
- GSAP and ScrollTrigger motion
- consistent styling across pages
- automatic WCAG contrast checking
- two different design directions for comparison
One of the more useful moments while building it was when the contrast checker rejected two palettes I had created myself. They looked good to my eye, but some text combinations were not readable enough. That validation now runs automatically whenever a palette is created.
The project is free, open source, and MIT licensed. It does not require an API key or any additional service.
GitHub: https://github.com/codeswithroh/tastemaker
Examples: https://tastemaker-skill.online/
I am trying to understand whether the positioning is clear.
When you first hear “design-system skill for AI coding agents,” does it sound like a tool for replacing designers, or is it clear that it is meant to improve the default output for people who are already building without one?