# Tastemaker Tastemaker é uma habilidade de fluxo de trabalho para agentes de programação que transforma o contexto do produto e referências visuais em telas de UI, recursos, sistemas de cores com contraste verificado e decisões locais de design. Foi criada para agentes como Claude Code, Windsurf e Gemini CLI. - Findings24: - Site: - Preços: Freemium - Categorias: Assistente de Código IA, Assistente Design IA, Ferramentas Dev IA ## O 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. ## O que Tastemaker pode fazer? ### 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. ### 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. ## Casos de 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. ## Perguntas frequentes ### 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. ## Informações rápidas - **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