Skills
.Work. You
Rest

coui-drawer

Official

Build dynamic drawers and sheets.

Design & Creative#Flutter#overlay#drawer#bottom sheet#UI component#CoUI#Web
Authorcoco-de
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill simplifies the creation of side drawers, bottom sheets, and sliding overlay panels in CoUI applications, providing a consistent and user-friendly way to present secondary content or navigation.

Core Features & Use Cases

  • Versatile Panel Creation: Supports drawers from all four edges (left, right, top, bottom) for various UI patterns.
  • Cross-Platform Consistency: Offers distinct yet conceptually similar implementations for both Flutter and Web.
  • Use Case: Implement a mobile app's settings menu that slides in from the right, or a web app's bottom sheet for user confirmations.

Quick Start

Use the coui-drawer skill to display a left-aligned drawer with navigation links.

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

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.