stat-card
CommunityStandardize UI stat cards.
AuthorReubenFrimpong
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill ensures a consistent and professional look for displaying key metrics across the application, improving user experience and maintainability.
Core Features & Use Cases
- Consistent Layout: Applies a predefined grid and card structure for displaying statistics.
- Theming: Supports both light and dark themes with appropriate color variations.
- Responsive Design: Adapts card layout for different screen sizes, showing 2 cards per row on mobile.
- Use Case: When building a new dashboard page, use this Skill to quickly add a row of consistent, well-styled stat cards for metrics like 'Total Members', 'Active Users', and 'Pending Tasks'.
Quick Start
Apply the standard stat card styles to the member outreach page.
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: stat-card Download link: https://github.com/ReubenFrimpong/past-care-spring/archive/main.zip#stat-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.