coui-card
OfficialBuild visually appealing cards.
Authorcoco-de
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill simplifies the creation of structured and visually distinct card components for both Flutter and Web applications, enhancing user interface design and organization.
Core Features & Use Cases
- Flutter Cards: Create basic, padded, clickable, and image-based cards with customizable borders, shadows, and surface effects using
CardandSurfaceCard. - Web Cards: Construct cards with distinct header, title, description, content, and footer sections, including hover effects, using a component-based approach.
- Use Case: Design a dashboard with multiple "stats cards" displaying key metrics, or build a product listing page where each product is presented in a visually appealing card.
Quick Start
Use the coui-card skill to create a Flutter Card with a title and description.
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-card Download link: https://github.com/coco-de/skills/archive/main.zip#coui-card 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.