hubeiqiao/apple-bento-grid

Registry

Summary

A Claude Skill that generates Apple-inspired bento grid presentation cards, designed for Claude Code, Codex, and any AI coding agent.

Key features

• Apple-inspired bento grid layout
• Works with Claude Code, Codex, and AI coding agents
• Generates presentation-ready HTML cards
• Clean, modern data visualization style

Use cases

• Creating Apple-style product showcase pages
• Building visual dashboards for data summaries
• Designing portfolio or feature highlight grids
• Rapid prototyping of presentation cards with AI

README excerpt

# 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  **Personal Data Dashboard** — 12 years of writing & social media activity  **Product Launch** — Light and dark themes | Light | Dark | |-------|------| |  |  | **Chinese New Year Launch** — Square format (1200x1200) with festive theme  **Vertical / Social Media** — Portrait format for social posts | Project Stats | GitHub Social | Personal Dashboard | |--------------|--------------|-------------------| |  |  |  | ## Installation ### Claude Code Plugin (recommended) ```bash /plugin marketplace add hubeiqiao/apple-bento-grid /plugin install apple-bento-grid@apple-bento-grid-marketplace ``` ### Agent Skills Install from the [Agent Skills Directory](https://skills.sh): ```bash npx skills add hubeiqiao/apple-bento-grid ``` ### Manual Clone di

Topics