style-bento

Installation
SKILL.md

Bento — Style Tokens + Row Template

Warm, organized, compartmentalized. Each row is a card divided into labeled compartments like a bento box — visible dividers, each section has a header label above its content.

Layout philosophy: Horizontal compartments with dividers. Not a sidebar split, not a single stack. Four distinct compartments in a row: Name | Status | Progress | Deadline. Each compartment has a tiny uppercase label above the content. The dividers between compartments ARE the design.

Badge Tokens

  • padding: 4px 10px
  • border-radius: 4px
  • font-size: 11px
  • font-weight: 600
  • text-transform: uppercase

status_colors

Installs
3
GitHub Stars
140
First Seen
Jun 20, 2026