A skill for AI coding agents that generates Apple-inspired bento grid presentation cards as self-contained HTML files. No design tools needed — just describe your stats and get pixel-perfect output.
How to install apple-bento-grid?
hubeiqiao/apple-bento-grid
$claude plugin marketplace add hubeiqiao/apple-bento-gridInstalls into the current project.
›Prefer a prompt? Paste this to your agent
Install apple-bento-grid by running `claude plugin marketplace add hubeiqiao/apple-bento-grid`, then use it for the current task and follow its documentation at https://github.com/hubeiqiao/apple-bento-grid.
.claude-plugin/plugin.json
| 1 | # .claude-plugin/plugin.json |
| 2 | claude plugin marketplace add hubeiqiao/apple-bento-grid |
Related
6 picksType
- ui-ux-pro-max-skillUI/UX design intelligence. Searchable local database with 84 styles, 192 palettes, 74 font pairings, 25 charts, and 22 stacks (React, Next.js, Vue, Nuxt.js, Nuxt UI, Svelte, Astro, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Angular, Laravel, JavaFX,…Jul 2026
- taste-skillFrontend design taste skills including brutalist, minimalist, soft, redesign, stitch, and moreJul 2026
- impeccableDesign fluency for frontend development. 1 skill with 23 commands (/impeccable polish, /impeccable audit, /impeccable critique, etc.) and curated anti-pattern detection.Jul 2026
- garden-skillsA curated collection of agent skills covering web video presentations, visual web design, local knowledge-base retrieval, GPT Image 2 image generation, and beautifully designed single-file HTML articles.Jul 2026
- scroll-worldBuild an immersive scroll-scrubbed 'fly through the world' landing page for any industry or brand using Higgsfield. As the visitor scrolls, a pre-rendered camera flies from outside each scene into its interior, then flows on to the next scene with no cuts — one continuous…Jul 2026
- diagram-designEditorial-quality technical and product diagrams — 27 types rendered as standalone HTML with inline SVG, skinnable to match your brandJul 2026
