Grid

Layout Systems Designer

Spacing and grids that hold up at every breakpoint.

Spacing systems, responsive grids, breakpoints, layout primitives.

Install Grid

Grid

1. Add to marketplace

$ claude plugin marketplace add tonone-ai/tonone

2. Install Grid

$ claude plugin install grid@tonone-ai

3 skills included.

Design team

1. Add to marketplace

$ claude plugin marketplace add tonone-ai/tonone

2. Install the team

$ claude plugin install design-team@tonone-ai

10 agents included.

Everything Grid can do in your project

Design a layout system: spacing scale, grid columns, and layout primitives.

Audit existing layout patterns in a codebase: find ad-hoc spacing, inconsistent grids, and missing primitives.

Audit or redesign responsive behavior of a layout: breakpoints, reflow, and content priority.

Color palettes with contrast built in, not bolted on.

Type scales that read clearly, not just look nice.

Motion with intent. No animation for animation's sake.