hubeiqiao/apple-bento-grid

Registry 信息

项目简介

一个生成苹果风格便当网格展示卡的智能体技能，适用于Claude Code、Codex及任何AI编程代理。

要点

• 苹果风格的便当网格布局
• 兼容Claude Code、Codex及AI编程代理
• 生成可直接展示的HTML卡片
• 简洁现代的数据可视化风格

使用场景

• 创建苹果风格的产品展示页面
• 构建数据摘要的可视化仪表盘
• 设计作品集或功能亮点网格
• 利用AI快速原型化展示卡片

README 摘要

# 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

话题