Tastemaker
Context-injection extension for reference-grounded UI design, generated palettes, asset sourcing, motion, quality gates, and persistent taste memory; runs locally with no backend.
.claude-plugin/plugin.json; skills/tastemaker/SKILL.mdClaude Code UI design skill and plugin · Emerging v1.0 skill with active maintenance signals and a documented workflow, but limited supplied evidence of broad real-world validation.
Claude Code plugin and Agent Skill for reference-grounded UI design that generates contrast-checked palettes, persists project and personal taste memory, sources visual assets, diversifies marketing-page structure, adds motion, and audits common AI-generated UI patterns.
Selection
Boundaries
Strengths
Risk profile
First-party files state that bundled Python helpers avoid subprocess, shell execution, eval, exec, and pickle; HTTPS and redirect-aware host allowlisting are enforced by a network guard. CI runs domain checks, security regression tests, and SVG validation on pushes, pull requests, and weekly. Allowed egress is documented for Iconify, Openverse, optional Pixabay, jsDelivr, and cdnjs. These are repository claims, not independently verified here. Reporting guidance conflicts: the root policy requests private advisories or email, while the nested skill policy says to open a security issue.
Component inventory
Context-injection extension for reference-grounded UI design, generated palettes, asset sourcing, motion, quality gates, and persistent taste memory; runs locally with no backend.
.claude-plugin/plugin.json; skills/tastemaker/SKILL.mdScopes screens, builds references, locks style, sources assets, implements UI and motion, scans quality, and records decisions.
skills/tastemaker/SKILL.mdExtracts reusable design DNA from a screenshot or URL, with optional handoff into a fresh build or style lock.
skills/tastemaker/SKILL.md; skills/tastemaker/references/verbs/study.mdScores existing UI against anti-slop gates and returns a severity-ranked punch list without editing.
skills/tastemaker/SKILL.md; skills/tastemaker/references/verbs/audit.mdCreates structured reference-comp briefs using palette, structure, and logo rules, then preserves decisions for a later build.
skills/tastemaker/SKILL.md; skills/tastemaker/references/verbs/comps.mdMatches concepts to locally stored unDraw illustrations, recolors them to the brand, validates them, and optionally composes or exports them.
skills/tastemaker/ideagram/SKILL.md; skills/tastemaker/ideagram/README.mdGenerates a fresh mood-based OKLCH palette with solved contrast roles and a full pairing matrix.
skills/tastemaker/scripts/generate_palette.pyDeterministically extracts dominant colors, contrast ratios, and lightness data from reference images.
skills/tastemaker/scripts/extract_palette.pyChecks one pair, critical palette pairs, or every token pairing using WCAG contrast thresholds.
skills/tastemaker/scripts/check_contrast.pyStatically flags high-confidence generic-AI UI tells, placeholder content, dead links, missing alt text, emoji icons, and transition-all.
skills/tastemaker/scripts/anti_slop_scan.pyScans UI source for motion craft failures such as transition-all, ease-in, scale(0), long timing, layout animation, and missing reduced-motion handling.
skills/tastemaker/scripts/audit_motion.pyValidates SVG files or directories for well-formed assets before they ship.
skills/tastemaker/scripts/validate_assets.pyFetches attribution-free Openverse photography and writes voluntary source credits; Pixabay is an optional keyed source.
skills/tastemaker/scripts/fetch_photos.pySearches and fetches mood-matched Iconify SVG icons, tinted to the project accent.
skills/tastemaker/scripts/fetch_icons.pyRecolors local SVG files to the locked accent while optionally preserving dark colors.
skills/tastemaker/scripts/recolor_svg.pyExports a mark SVG into favicon, Apple touch, PWA icon, manifest, and OG-card assets.
skills/tastemaker/scripts/export_favicons.pyBuilds Markdown and JSON indexes for a local unDraw illustration library.
skills/tastemaker/ideagram/scripts/build_library_index.pyRecolors unDraw art, extracts reusable scene components, validates SVG output, and exports raster PNGs.
skills/tastemaker/ideagram/scripts/Public marketing page, before/after comparison, and embedded Calmly demonstration of the skill’s design rules.
site/index.html; site/demo.htmlTechnical profile
Classification
The Claude Code plugin injects a SKILL.md workflow and exposes bundled local Python helpers through that workflow; inference: optional illustration and export dependencies can raise setup beyond the basic install.
Claude Extension · low setup effort · high confidence · automatedEvidence and risk
Routing context
Tastemaker focuses on reference-grounded UI taste, while Diagram Design provides branded diagram generation and source redrawing.
medium confidenceTastemaker is explicitly packaged as a Claude Code marketplace plugin and Agent Skill.
high confidenceBoth provide Agent Skills for UI design, frontend craft, motion, prototyping, and review, while Tastemaker adds persistent taste memory and bundled asset and palette tooling.
high confidenceInference: npxskillui can extract agent-ready design systems, while Tastemaker can apply references and persistent style constraints through a broader UI build workflow.
medium confidenceInference: both extend Claude Code with opinionated UI design workflows and local helpers, while Garden Skills has broader non-UI coverage and Tastemaker has deeper taste-memory and asset-sourcing features.
medium confidenceTastemaker adds reference-grounded palettes, taste memory, asset sourcing, and implementation-oriented UI checks that can complement this suite's broader design workflows.
high confidenceInference: Tastemaker can provide broader UI direction and audits, while this repository's local skill supplies implementation conventions for the specific dashboard codebase.
medium confidence