From apple-bento-grid
Generates Apple-inspired bento grid layouts using CSS Grid and Flexbox for responsive web UIs. Useful for landing pages, dashboards, and card-based designs with asymmetric arrangements.
npx claudepluginhub hubeiqiao/apple-bento-grid --plugin apple-bento-gridThis skill uses the workspace's default tool permissions.
../../SKILL.md
Creates asymmetric bento grid layouts with hero (2x2), standard, accent, and CTA cards using Tailwind CSS responsive classes for Apple/SaaS-style interfaces.
Guides design, optimization, and auditing of CSS grid layouts for multi-column content like products, features, galleries. Covers responsive columns, gaps, best practices, and when to use vs lists/cards.
Generates production-quality React and Next.js UI components and full pages using Tailwind CSS and Framer Motion for hero sections, SaaS dashboards, pricing pages, bento grids, forms, cards, and animated elements.
Share bugs, ideas, or general feedback.
../../SKILL.md