vibe-matcher

Community

Translates feelings into precise visual design specs.

Authorerichowens
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill bridges the gap between abstract emotional desires ("I want it to feel edgy") and concrete design specifications. It eliminates guesswork by translating subjective "vibes" into actionable visual DNA (colors, typography, layouts, interactions), ensuring your design perfectly matches the intended emotional impact across various domains.

Core Features & Use Cases

  • Domain-Aware Vibe Translation: Interprets emotional descriptors (e.g., "edgy", "trustworthy", "premium") differently based on the specific domain (e.g., portfolio, SaaS, e-commerce).
  • Visual DNA Assembly: Generates comprehensive design specifications including color palettes, typography choices, layout systems, and interaction patterns, complete with rationale.
  • Medium Adaptations: Adjusts visual DNA for different mediums like web, mobile, print, or VR, ensuring consistent emotional impact.
  • Use Case: You want your professional portfolio to feel "edgy but still professional." This Skill can translate that into specific design choices: dark charcoal background with hot pink accents, heavy sans-serif headings, asymmetric layouts, and sharp, quick animations, explaining the psychological impact of each choice.

Quick Start

Translate the vibe "calm and minimal" for a new meditation app, providing specific color, typography, and layout recommendations.

Dependency Matrix

Required Modules

None required

Components

scripts

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: vibe-matcher
Download link: https://github.com/erichowens/some_claude_skills/archive/main.zip#vibe-matcher

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository