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 è una skill di workflow per agenti di programmazione che trasforma il contesto del prodotto e i riferimenti visivi in schermate UI, risorse, sistemi di colori con contrasto verificato e decisioni di design locali. È pensata per agenti come Claude Code, Windsurf e Gemini CLI.
Cos'è 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.
Cosa può fare Tastemaker?
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.
Casi d'uso
“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.
Domande frequenti
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.
Informazioni rapide
- 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
Analisi del traffico di Tastemaker
I dati sul traffico sono solo a scopo di riferimento.
- Domain Rating
- 1
Alternative a Tastemaker
PixelCrew
pixelcrew.ai
PixelCrew è un workflow di design con AI che coordina agenti specializzati per trasformare un brief scritto in ricerca, direzione creativa, wireframe UX, testi, risorse per il design system, documentazione QA e HTML/Tailwind pronto per la produzione. È pensato per persone e team che hanno bisogno di siti web, dashboard, landing page o design system senza partire da un modello rigido.
Impeccable
impeccable.style
Skill di design per strumenti di coding con IA, con workflow frontend, configurazione strutturata, modifica tramite comandi e iterazione live nel browser.
UXMagic
uxmagic.ai
UXMagic è un generatore di UI con IA che trasforma testi, schizzi, screenshot e URL in design pronti per Figma, con esportazione in HTML o React e importazione di sistemi Figma.
MagicPath
magicpath.ai
Canvas di design condiviso per persone e agenti AI
Projekt
getprojekt.com
Projekt è uno spazio di lavoro visuale per design engineer che combina agenti di coding AI, anteprima live e modifica inline. Disponibile in alpha su macOS, con download gratuito e un livello founder limitato.
Template.net
template.net
Editor basato sull’AI per creare ed esportare documenti, presentazioni, design, grafici, lavagne e risorse web modificabili