Avatar profile

Skill Dragoon0x/everything-design-taste/skills/avatar-profile

A taste system for AI agents. 288 skills, 80 agents, 12 rules, and 8 hooks that turn generic AI output into work with genuine design quality. Anti-slop detection, typography craft, color systems, brand voice, product strategy, and 50+ specialized reviewers across UI, industry, platform, and content domains.

Install

npx -y skills add Dragoon0x/everything-design-taste --skill avatar-profile

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

6 stars6 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

What its author says it does

Copied from the file, not written here

Avatar design, profile displays, user representation, initials fallback, and presence indicators.

SKILL.md

1.3 KB, as published. Nobody here has run it

Avatar & Profile Patterns

Avatar Sizes

Size	Use Case	Pixels
XS	Dense lists, inline mentions	24px
SM	Comments, chat messages	32px
MD	Cards, list items	40px
LG	Profile headers, sidebars	56-64px
XL	Profile pages, account settings	96-128px

Fallback Chain

User-uploaded photo
Initials on colored background (derived from name hash for consistency)
Generic silhouette icon (absolute last resort)

Initials

Use first letter of first and last name (JD for John Doe)
Single name: use first two letters (JO for John)
Background color: derive from a hash of the name (same person = same color always)
Text color: white on dark backgrounds, dark on light

Presence Indicators

Green dot: online/active
Yellow dot: idle/away
Red dot: busy/do not disturb
Gray dot or no dot: offline
Position: bottom-right corner of avatar
Size: 25-30% of avatar diameter

Group Avatars

Stack with overlap (show 3, "+5 more")
Overlap from left to right
Most recent or most relevant on top
Click to expand full list