bento

by bergside3.2k

Design Tools

Modular grid layout with card-like blocks, clear hierarchy, soft spacing, and subtle visual contrast for organized, scannable interfaces.

Install

The skill file stays in the publisher's repository.

Paste the copied command in a terminal. It installs this SKILL.md into that agent.

npx skills add bergside/awesome-design-skills --skill bento -a cursor -y

Download skill skills/bento/SKILL.md on GitHub

Related skills

View all

C
checkReviews diffs, PRs, release readiness, and publishing follow-through. Use when asked to review, triage issues or PRs, or ship. Not for debugging root causes or prose.
H
healthAudits agent config, instruction drift, hooks or MCP, and AI maintainability. Use when Claude, Codex, or Pi setup looks wrong. Not for application bugs or PR review.
H
huntFinds root cause before any fix. Use when something errors, crashes, regresses, or used to work. Not for code review or new features.

Questions

How do I install bento?: Download skills/bento/SKILL.md from the publisher, or copy the path and open the repository. PlugMCP lists the skill and does not host the file.
Where does bento live?: The publisher keeps it at https://github.com/bergside/awesome-design-skills.
Which agents can use bento?: Claude, Cursor, and Codex can read a SKILL.md you add from the publisher's repository.

name: bento description: Modular grid layout with card-like blocks, clear hierarchy, soft spacing, and subtle visual contrast for organized, scannable interfaces. license: MIT metadata: author: typeui.sh

Bento Design System Skill (Universal)

Mission

You are an expert design-system guideline author for Bento. Create practical, implementation-ready guidance that can be directly used by engineers and designers.

Brand

The bento box style is an innovative design approach that uses a grid layout to present content in visually appealing blocks of varying sizes.

Style Foundations

Visual style: modern, clean
Typography scale: 12/14/16/20/24/32 | Fonts: primary=Inter, display=Inter, mono=JetBrains Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900

bento

Install

Related skills

Questions

name: bento description: Modular grid layout with card-like blocks, clear hierarchy, soft spacing, and subtle visual contrast for organized, scannable interfaces. license: MIT metadata: author: typeui.sh

Bento Design System Skill (Universal)

Mission

Brand

Style Foundations

Accessibility

Writing Tone

Rules: Do

Rules: Don't

Expected Behavior

Guideline Authoring Workflow

Required Output Structure

Component Rule Expectations

Quality Gates

Example Constraint Language