Home / nxproxystudios / apple-bento-grid · GitHub

apple-bento-grid SKILL.md skillA

apple-bento-grid from nxproxystudios/apple-bento-grid is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add nxproxystudios/apple-bento-grid/apple-bento-grid@v1.0.0

Pins v1.0.0 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
nxproxystudios/apple-bento-grid
Path
SKILL.md
Versions recorded
3
Latest version
v1.0.0, committed Mar 17, 2026
First version recorded
Mar 17, 2026
Size
11,352 bytes
Repository stars
5
License
MIT

Create Apple-inspired bento grid presentation cards for showcasing project stats, timelines, and achievements. Generates self-contained HTML files with zero-gap grids, stat cards, pill tags, bar charts, and dark quote cards — optimized for screenshot export. Supports both light (Apple signature #f5f5f7) and dark (#000) themes. Use when the user asks to build stat cards, bento grids, project summary cards, dashboard cards, Apple-style presentation layouts, project overviews…

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# Apple Bento Grid

## Problem

Creating visually polished presentation graphics typically requires design tools like Figma or Keynote. This skill generates Apple-quality bento grid layouts as self-contained HTML files that screenshot into pixel-perfect images — no design tool needed.

## Overview

Generate self-contained HTML files that render Apple-inspired bento card grids. Each output is a single HTML file with inline CSS — no dependencies except Google Fonts. Cards fill a tight CSS grid with minimal gaps, ready for Playwright screenshot export at 2x resolution. Both light and dark themes are available.

## Workflow

1. **Read the design system selectively**: Reference [`design-system.md`](design-system.md) as needed:
   - **Always read**: Section 2 (Zero-Gap Grid) + Section 3 (Layout Templates) — the grid foundation
   - **Read per card type**: Section 5.1–5.7 as needed for the cards you're using
   - **Read for theme**: Section 1 (light tokens) or Section 9 (dark tokens)
   - **Read once for first generation**: Section 8 (HTML Skeleton) as a structural starting point
2. **Gather the user's content** — what stats, milestones, categories, and quotes to showcase
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add nxproxystudios/apple-bento-grid/apple-bento-grid@sha256:953e989d76ad3054

The line at the top of this page pins the label v1.0.0, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_irwsm3f5miqszo77.svg)](https://markdownregistry.com/a/art_irwsm3f5miqszo77)

3 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 3 versions of this file, all committed on Mar 17, 2026.

versioncommittedcommitsizeaudit
v1.0.0 latest2026-03-17 35c18bb 11,352 BA view · diff
v1.0.02026-03-17 320722e 10,421 BA view · diff
v1.0.02026-03-17 e82879d 9,212 BA view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (11352 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

nxproxystudios/apple-bento-grid · 5 stars · license MIT · pushed 2026-10-12 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_irwsm3f5miqszo77
GET https://markdownregistry.com/api/v1/resolve?ref=nxproxystudios/apple-bento-grid/apple-bento-grid
GET https://markdownregistry.com/api/v1/blob/953e989d76ad3054cc84967bd18bf12a126d895c9d792baa611df691f792e11b

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from nxproxystudios/apple-bento-grid

apple-bento-grid SKILL.md skill
nxproxystudios/apple-bento-grid · skills/apple-bento-grid/SKILL.md
git:20260317.235f740 · audit C · 5 stars

Every file in nxproxystudios/apple-bento-grid

Other files named apple-bento-grid

apple-bento-grid SKILL.md skill
nxproxystudios/apple-bento-grid · skills/apple-bento-grid/SKILL.md
git:20260317.235f740 · audit C · 5 stars

Browse by kind, by grade A, or by owner.