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