hubeiqiao/apple-bento-grid

183 stars · Last commit 2026-03-17

Agent skill that generates Apple-inspired bento grid presentation cards. For Claude Code, Codex, and any AI coding agent.

README preview

# Apple Bento Grid

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.

> Compatible with [Claude Code](https://claude.com/claude-code), [OpenAI Codex](https://openai.com/index/codex/), [Cursor](https://cursor.sh), and other agents that support the [Agent Skills](https://agentskills.io) standard.

## Examples

All made with this skill — just describe your data and get pixel-perfect output.

**Solo Dev Project Stats** — 79 days of building, tracked as product metrics

![Project horizontal](examples/real-project-light-horizontal.webp)

**Personal Data Dashboard** — 12 years of writing & social media activity

![Corpus horizontal](examples/real-corpus-dark-horizontal.jpg)

**Product Launch** — Light and dark themes

View full repository on GitHub →