Skills
.Work. You
Rest

card-layout

Community

Organize content with stylish cards.

Design & Creative#visual design#web design#UI design#content organization#card layout
AuthorGatsbyhateyou
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps in creating visually appealing and organized user interfaces by structuring information into distinct, digestible cards.

Core Features & Use Cases

  • Card-based Information Display: Presents content in modular card units, each containing titles, summaries, and optional images.
  • Flexible Layouts: Supports grid or waterfall arrangements for cards.
  • Consistent Styling: Ensures uniform rounded corners and shadows for all cards, with hover effects for interactivity.
  • Use Case: Ideal for content platforms, e-commerce sites, social media feeds, or portfolio websites that need to display multiple items in an easily scannable format.

Quick Start

Apply the card-layout style to arrange content into cards with unified styling and hover effects.

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: card-layout
Download link: https://github.com/Gatsbyhateyou/gatsby-website/archive/main.zip#card-layout

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 471,000+ vetted skills library on demand.