CtrlK
BlogDocsLog inGet started
Tessl Logo

delight

Add moments of joy, personality, and unexpected touches that make interfaces memorable and enjoyable to use. Elevates functional to delightful.

65

0.94x
Quality

56%

Does it follow best practices?

Impact

73%

0.94x

Average score across 3 eval scenarios

SecuritybySnyk

Passed

No findings from the security scan

Fix and improve this skill with Tessl

tessl review fix ./archived/legacy-companion/.agents/skills/delight/SKILL.md
SKILL.md
Quality
Evals
Security

Evaluation results

59%

-7%

Add Sensory Richness and Hidden Delights

Sound design and easter egg discovery

Criteria
Without this skill
With this skill

Howler.js or use-sound used

0%

0%

Howler.js in dependencies

0%

0%

Mute option provided

100%

100%

Quiet volume levels

75%

0%

Not every interaction gets sound

100%

100%

Distinct sounds per notification type

100%

100%

Easter egg in AppLogo

100%

100%

Easter egg is undiscoverable from UI

100%

100%

Console developer message

0%

0%

System sound settings respected

50%

37%

Sound lazy loaded

100%

100%

82%

-2%

Bring the Dashboard to Life

Loading state personality and copy variation

Criteria
Without this skill
With this skill

Multiple loading messages

100%

100%

Messages rotate or randomize

100%

100%

Playful loading copy

100%

100%

Encouraging empty state copy

100%

100%

Empty state NOT generic

100%

100%

Sprint confetti or celebration animation

100%

100%

canvas-confetti package

100%

100%

Personalized milestone message

100%

100%

Brand-appropriate tone

100%

100%

Animation under 1 second

33%

0%

Reduced motion support

0%

0%

80%

-2%

Polish the Sign-Up Flow

Button and form micro-interactions

Criteria
Without this skill
With this skill

Framer Motion or GSAP used

100%

100%

Button hover lift

100%

100%

Button active press-down

100%

100%

Ease-out-quart cubic-bezier

25%

75%

Box-shadow on active

100%

25%

Reduced motion accessibility

0%

0%

No blocking of core functionality

100%

100%

Animation duration under 1s

100%

100%

Success celebration

100%

100%

Input focus animation

100%

100%

Dependencies declared

100%

100%

Repository
The-Vibe-Company/companion
Evaluated
Agent
Claude Code
Model
Claude Sonnet 4.6

Table of Contents

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.