Skills
.Work. You
Rest

use-design-system/GridList

Community

Build responsive image grids easily.

Design & Creative#ui#layout#design system#image#component#grid
Authortokijh
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill simplifies the creation of visually appealing and responsive image grids, especially for displaying cards or items with images and text.

Core Features & Use Cases

  • Flexible Grid Layouts: Easily configure 1, 2, or 3 columns for your grids.
  • Customizable Spacing: Adjust the gap between grid items with predefined options.
  • Item Interactivity: Supports click handlers and disabled states for individual items.
  • Image & Label Components: Dedicated components for images with aspect ratio control and labels with title/subtitle truncation.
  • Use Case: Displaying a gallery of product images, a list of articles with thumbnails, or a collection of user profiles.

Quick Start

Use the GridList component to display items in a 2-column layout with medium spacing.

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: use-design-system/GridList
Download link: https://github.com/tokijh/minapp/archive/main.zip#use-design-system-gridlist

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.