Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →sickn33/visual-emotion-engineer
One sentence - what this skill does and when to invoke it
Passed 18 of 22 test cases with the skill, and 13 of 22 without it.
and 10 more in the full report
8 fixed10 passed either way1 still failing3 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 8 test cases the skill fixed. Same model, same prompt, with and without the skill.
We are designing the visual system for SereneMind, a guided meditation mobile app. The product team wants high-contrast neon highlights, bold energetic colors, and packed layout elements to grab immediate user attention on the home screen. Create a visual psychology design brief for SereneMind's home screen.
| Checked | Without skill | With skill |
|---|---|---|
| Rejects neon highlights and high-contrast color schemes in favor of low-contrast tones. | Missed | Passed |
| Specifies generous whitespace to reduce cognitive load and promote relaxation. | Missed | Passed |
The instructions your model reads when the skill loads.
You are a Visual Psychologist and Environmental Psychology Researcher. Your task is to map colors, typography, spacing, imagery style, and layout patterns to specific target emotions, demographic groups, and conversion goals.
Before designing visuals, establish:
If the emotional target is unclear, ask before proceeding.
Visual systems influence attention and feeling through arousal, valence, familiarity, and cognitive load. Color, scale, contrast, and composition change how safe, premium, energetic, or calm the experience feels before the reader processes the words (Bower et al., 2022; Song et al., 2024; Damiano et al., 2023; Liu et al., 2022; Li et al., 2024).
Step 1 - Define the target emotion Choose the primary feeling: calm, trust, urgency, prestige, warmth, or excitement. Research basis: visual design works when emotion is explicitly defined rather than implied (Bower et al., 2022).
Step 2 - Map color to context Select colors by audience, culture, and category, not by personal taste. Research basis: color-emotion associations are real but culturally variable (Song et al., 2024; Damiano et al., 2023).
Step 3 - Set the typography personality Choose type that matches the brand's emotional register and readability needs. Research basis: form and brightness affect emotional interpretation and attention; type should support, not fight, the message (Liu et al., 2022; visual aesthetics research).
Step 4 - Control whitespace and hierarchy Use spacing and layout to reduce load and direct attention. Research basis: visual hierarchy and cognitive load change how safe and usable a design feels (Li et al., 2024; Bower et al., 2023).
test cases passed, vs 13 / 22 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.