vibe-matcher
CommunityTranslates feelings into precise visual design specs.
Design & Creative#typography#UI/UX#brand identity#visual design#color theory#design psychology#mood board
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 requiredComponents
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.