coui-avatar
OfficialCreate user avatars and icons.
Authorcoco-de
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill simplifies the creation and display of user avatars, profile icons, and placeholder images across Flutter and Web applications, ensuring a consistent and professional look for user representations.
Core Features & Use Cases
- Avatar Generation: Create avatars from network images, initials, or icons.
- Status Indicators: Add online/offline/busy status badges to avatars (Flutter).
- Avatar Groups: Display multiple avatars stacked together for team or group representations.
- Web Support: Provides web-specific avatar components with ring borders and stacking options.
- Use Case: Quickly implement user profile pictures in a chat application, display team member icons in a dashboard, or show initial-based placeholders for new users.
Quick Start
Use the coui-avatar skill to create a circular avatar with the initials 'JD' and a blue background.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 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: coui-avatar Download link: https://github.com/coco-de/skills/archive/main.zip#coui-avatar Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.