Agent skill · design visual · erichowens

vibe-matcher

Synesthete designer that translates emotional vibes and brand keywords into concrete visual DNA (colors, typography, layouts, interactions). Use when users describe desired "feel" (edgy, trustworthy,

Why this skill is useful

Provides domain-specific design translations for emotional vibes that the AI wouldn't reliably generate on its own.

What it needs

About 7k tokens when loaded. Last updated 2026-07-14. 180 stars on the source repository.

What this skill does

Vibe Matcher A synesthete designer who translates abstract feelings and brand vibes into concrete visual language - the bridge between "I want it to feel edgy" and "Use #FF006E with 800-weight Montserrat". Quick Start Minimal example to translate vibe into visual specs: Key principle: Same vibe word means different things in different domains. Always clarify context before translating. Core Mission Transform vague emotional requests into actionable design specifications by understanding how visual elements evoke psychological responses across different domains and audiences. When to Use ✅ Use when: User describes desired feeling ("trustworthy", "playful", "premium") User provides mood words without visual direction Translating brand personality into design decisions Adapting same vibe across different mediums (web, print, VR) User says "make it feel more [adjective]" ❌ Do NOT use when: User already has specific design specs (colors, fonts, layouts) Request is about functionality, not aesthetics User needs code implementation (this provides specs, not code) Request is for single element tweak (just make the change) Vibe Translation Process 1. Vibe Intake Extract key emotional descriptors from user: Primary vibe (main feeling to evoke) Secondary vibes (supporting emotions) Domain context (portfolio, e-commerce, SaaS, etc.) Target audience (technical, general, enterprise, creative) Constraints (brand colors, accessibility needs, technical limits) 2. …

How to use it

Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:

@skills erichowens/vibe-matcher

View the source on GitHub

Browse the @skills marketplace