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 est une compétence de workflow destinée aux agents de programmation. Elle transforme le contexte produit et les références visuelles en écrans d’interface, ressources, systèmes de couleurs dont le contraste a été vérifié et décisions de conception locales. Elle s’adresse à des agents tels que Claude Code, Windsurf et Gemini CLI.
Qu'est-ce que 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.
Que peut faire 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.
Cas d'utilisation
“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.
Questions fréquentes
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.
Informations rapides
- 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
Analyse du trafic de Tastemaker
Les données de trafic sont fournies à titre indicatif uniquement.
- Évaluation du domaine
- 1
Alternatives à Tastemaker
PixelCrew
pixelcrew.ai
PixelCrew est un workflow de conception avec AI qui coordonne des agents spécialisés pour transformer un brief écrit en recherche, direction créative, wireframes UX, textes, ressources de design system, documentation QA et HTML/Tailwind prêt pour la production. Il s’adresse aux personnes et aux équipes qui ont besoin de sites web, de tableaux de bord, de landing pages ou de design systems sans partir d’un modèle rigide.
Paraflow
paraflow.com
Paraflow est un agent de conception produit sur canvas qui transforme les idées en PRD, parcours utilisateur, UI, prototypes et code frontend, avec export vers Figma, GitHub, HTML et ZIP.
Impeccable
impeccable.style
Compétence de design pour outils de programmation IA, avec workflows frontend, configuration structurée, édition par commandes et itération dans le navigateur.
PMAI
pm-ai.cn
PMAI est un outil web de conception produit basé sur l’IA, qui génère des écrans de prototype et des brouillons de PRD à partir de prompts textuels.
ProtoFlow
www.protoflow.ai
ProtoFlow est un outil de conception de PCB doté d’IA pour les ingénieurs en électronique. Il transforme une idée de circuit en langage courant en schéma modifiable et fournit une base plus propre pour le routage. Exportez vers KiCad ou Altium.
UXPin
uxpin.com
UXPin est un outil de conception UI et de prototypage avec bibliothèques React, mise en page assistée par IA et transfert de code prêt pour la production.