Skills
.Work. You
Rest

bento

Community

Modern, flexible block layouts.

Design & Creative#design#ui#layout#content#grid#bento
AuthorGatsbyhateyou
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps create visually appealing and organized layouts using a modern, irregular grid system, inspired by popular design trends.

Core Features & Use Cases

  • Irregular Grid Layouts: Arrange content in blocks of varying sizes for a dynamic look.
  • Information Grouping: Clearly segment and present different types of information.
  • Use Case: Ideal for product pages, dashboards, or content-heavy landing pages that need a clean, Apple-like or Notion-inspired aesthetic.

Quick Start

Apply the Bento grid style to arrange content blocks with varying sizes and clear information grouping.

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

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.