Screen scoping from the brief
The workflow starts by scoping screens from the product brief before any color or typography choices are made, so the layout system begins with structure instead of guesswork.
Tastemaker
Freemium
Tastemaker is a workflow skill for coding agents that turns product context and visual references into UI screens, assets, contrast-checked color systems, and local design decisions. It is designed for agents such as Claude Code, Windsurf, and Gemini CLI.
What is Tastemaker?
Tastemaker is a workflow skill for coding agents that helps them build interfaces with a more consistent visual system. It takes product context and reference material, then turns that into screens, assets, checks, and remembered design decisions that the agent can reuse in later work.
Rather than asking the agent to “have better taste,” the product focuses on concrete steps: scope the screens, ground the palette, verify contrast, assemble assets, build the interface, and store the decisions locally. The homepage positions it for agents such as Claude Code, Windsurf, and Gemini CLI, with outputs that live beside the project instead of behind a hosted service.
What can Tastemaker do?
Generated palettes with contrast checks
It can read reference pixels from source imagery or generate a new palette for the project mood, then checks all legal color pairings with contrast math.
Built visual assets
Tastemaker outputs a coherent asset set: icons, imagery when needed, a constructed mark, and favicons, instead of emoji placeholders or partial visual systems.
Renderable proof instead of text-only claims
The same pass can produce UI mockups, flows, charts, before-and-after states, and GSAP motion, so the screen is built as evidence rather than as descriptive copy.
Project memory in local files
Resolved project preferences persist in local files, with developer decisions carried forward as a profile for later work.
Repository-friendly outputs
The site shows a plain-text, file-based output model using Markdown, Python, SVG, CSS, and JavaScript, which makes the result inspectable in the repository.
Use Cases
“Marketing and product landing pages”
Use it when you want a coding agent to produce a landing page with a coherent palette, proper type pairing, real icons, and motion instead of a generic first draft.
“Application UI states”
Use it for product or app shells that need empty, loading, and populated states built from a consistent visual system.
“Reference-grounded redesigns”
Use it when a reference image, mood board, or existing brand direction needs to become actual tokens and assets the agent can build from.
“Before-and-after prompt comparisons”
Use it for comparison work where you want to inspect how the same prompt behaves before and after the skill is installed.
“Design system continuity”
Use it when a project needs local style memory so later screens keep the same visual decisions instead of drifting between sessions.
Frequently Asked Questions
How do you install and start using Tastemaker?
Tastemaker is installed into a coding agent workflow with a command like `npx skills add codeswithroh/tastemaker`. The homepage also says it can trigger when you ask your agent to build, style, or improve a UI, without a special phrase or hosted API.
Which coding agents does Tastemaker support?
It is designed for coding agents such as Claude Code, Windsurf, and Gemini CLI. The homepage also mentions a Claude Code plugin marketplace and manual install path.
Is Tastemaker free or paid?
The source shows a free core and sponsor-exclusive Aesthetic Modes available for $8/month. A separate pricing page is not available on the site.
What does Tastemaker leave in the project?
The workflow produces concrete project files and assets such as `.tastemaker/style-lock.md`, `decisions.log`, `profile.md`, `design/assets`, and implementation files for the actual screens.
What kinds of UI work is Tastemaker meant for?
It is aimed at UI work such as landing pages, app shells, product screens, and comparisons where the agent needs reference-based visuals, checked color contrast, assets, and motion.
Quick Facts
- Category
- Developer Tool
- Primary use
- UI and design workflow for coding agents
- Supported agents
- Claude Code, Windsurf, Gemini CLI
- Install
- `npx skills add codeswithroh/tastemaker`
- Outputs
- Markdown, Python, SVG, CSS, JavaScript, and local project files
- Pricing shape
- Free core with sponsor-exclusive modes at $8/month
Tastemaker Traffic Analysis
Traffic data is for reference only.
- Domain Rating
- 1
Tastemaker Alternatives
PixelCrew
pixelcrew.ai
PixelCrew is an AI design workflow that coordinates specialized agents to turn a written brief into research, creative direction, UX wireframes, copy, design-system assets, QA documentation, and production HTML/Tailwind. It’s for people and teams who need websites, dashboards, landing pages, or design systems without starting from a rigid template.
Projekt
getprojekt.com
Projekt is a visual workspace for design engineers with AI coding agents, live preview, and inline editing. Available in alpha on macOS with a free download and limited founder tier.
Impeccable
impeccable.style
A design skill for AI coding harnesses, enabling frontend workflows with structured setup, command-based editing, and browser-based live iteration.
Paper
paper.design
Paper connects canvas, code, and AI agents so teams can create, share, and ship in one workflow.
Variant
variant.ai
Variant turns app or site ideas into a stream of design options for exploring visual directions.
HueHive
huehive.co
An AI-assisted color design tool for generating palettes, checking contrast, and building CSS gradients.