Skills
.Work. You
Rest

coui-banner

Official

Create UI banners with ease.

Design & Creative#ui#flutter#web#notification#banner#coui
Authorcoco-de
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill simplifies the creation of notification banners, alert bars, and status messages (info, success, warning, error) at the top of web or Flutter applications.

Core Features & Use Cases

  • Versatile Variants: Supports info, success, warning, and error message types.
  • Platform Agnostic: Works for both Flutter and Web UIs using the CoUI library.
  • Customizable: Allows for custom icons, dismiss buttons, and action widgets.
  • Use Case: Display a success banner after a user successfully saves their profile, or a warning banner when a session is about to expire.

Quick Start

Use the coui-banner skill to create a success banner with the message 'Profile saved successfully'.

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

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.