Skills
.Work. You
Rest

coui-badge

Official

Create status badges and indicators.

Design & Creative#ui#flutter#web#badge#label#indicator
Authorcoco-de
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill simplifies the creation of visual status indicators, labels, and counters using pre-defined badge components for both Flutter and Web applications.

Core Features & Use Cases

  • Consistent UI Elements: Apply uniform styling for badges across different application states.
  • Multiple Variants: Utilize primary, secondary, outline, and destructive variants for clear visual communication.
  • Use Case: Quickly add a 'New' badge to a list item in a Flutter app or display an 'Active' status indicator in a web table.

Quick Start

Use the coui-badge skill to create a primary badge with the text 'New' for a Flutter application.

Dependency Matrix

Required Modules

None required

Components

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-badge
Download link: https://github.com/coco-de/skills/archive/main.zip#coui-badge

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.