coui-chip
OfficialCreate interactive chips and tags.
Authorcoco-de
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill simplifies the creation and management of interactive chip elements, commonly used for tags, filters, and selectable labels in user interfaces.
Core Features & Use Cases
- Versatile Chip Creation: Design filled or outlined chips with optional avatars and delete buttons.
- Interactive States: Implement selectable chips with clear visual feedback for user interaction.
- Use Case: Quickly generate a group of filter chips for an e-commerce product listing, allowing users to select multiple categories like 'Electronics', 'Clothing', and 'Home Goods'.
Quick Start
Create a removable chip with the label 'Dart' and a delete handler.
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-chip Download link: https://github.com/coco-de/skills/archive/main.zip#coui-chip 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.