响应式便当网格布局

CSS Grid布局更新于 2026-08-02

使用场景: 仪表盘概览、复杂数据聚合展示。

安装
npx skills add responsive-bento-grid
克隆
git clone https://github.com/skillhub-community/responsive-bento-grid.git

描述

使用原生 CSS Grid 生成响应式便当网格布局,采用断点感知的跨度规则替代固定的 12 列系统。

适用于卡片重要性各异的仪表盘,无需布局库即可实现不对称、杂志般的密度布局。

AI Hub

跑 Skill 需要模型接口?

AI Hub 提供 OpenAI 兼容接口,给 Cursor / Claude Code / Agent 用。

打开 AI Hub

元数据

作者@lin_frontend
许可证MIT
版本1.3.0
依赖0