claude

grid

Layout Systems Designer — Layout system design — spacing scales, responsive grids, layout primitives

77 on GitHubby tonone-aiv1.20.0MITupdated 2 days ago
/

Plugin grid from marketplace tonone-ai in tonone-ai/tonone. Commands read from the repo's manifest — 2 days ago.

What it installs

Skills (3)

  • grid-layout

    Design a layout system — spacing scale, grid columns, and layout primitives. Use when asked to "design a spacing system", "set up a layout grid", or "build layout primitives".

  • grid-recon

    Audit existing layout patterns in a codebase — find ad-hoc spacing, inconsistent grids, and missing primitives. Use when asked to "audit our layout patterns", "we have ad-hoc spacing everywhere", or "our grids are inconsistent".

  • grid-responsive

    Audit or redesign responsive behavior of a layout — breakpoints, reflow, and content priority. Use when asked to "fix responsive behavior", "define breakpoints", or "how should this reflow on mobile".

Subagents (1)

  • grid

    Layout system design — spacing scales, responsive grids, breakpoints, layout primitives

View source on GitHub second.tonone.ai

More from tonone-ai/tonone

All 156 plugins →

tonone

claude

Full company team — 140 agents, 15 teams. All agents and skills in one install.

200 skills · 140 agents · hooks

77

full-team

claude

Install all 27 Engineering Team + Product Team agents at once

173 skills · 27 agents · hooks

77

Install all 15 Engineering Team agents at once

90 skills · 15 agents · hooks

77

Engineering team for Claude Code: Apex (engineering lead) plus 14 specialists and 85 skills. The core of tonone, sized for the Anthropic plugin directory.

85 skills · 15 agents

77

Install all 12 Product Team agents at once

83 skills · 12 agents · hooks

77

Marketing team — 9 agents: Attrib, Buzz, Drip, Ink, Pitch, Reach, Stack, Stage, Vox

42 skills · 9 agents

77

Similar plugins

Matt Pocock's agent skills for real engineering (grilling, spec/ticket flows, TDD, code review, domain modelling and more).

39 skills

mattpocock/skills 323,108

claude-mem

claudecodex

Persistent memory for Claude Code: the next session starts where the last one left off.

29 skills · 1 MCP server · hooks

thedotmack/claude-mem 116,618

Taste Skill

claudecodex

tasteskill 2.5.1: professional company websites at the figma.com and x.ai level, with one section per screen, real photographs, real product UI, effects kept for tech and gaming pages, and a real-browser checker and finish gate.

1 skill

Leonxlnx/taste-skill 114,391

mem0

claudecodex

Cross-session memory and token savings for coding agents.

6 skills · 1 agent · 1 MCP server · hooks

mem0ai/mem0 68,893

diagram-design

claudecodex

Editorial diagrams in your brand, as self-contained HTML and SVG. Architecture, flowcharts, sequence, state machines, ER and database schemas, timelines, swimlanes, org charts, Gantt, Wardley maps, user journeys, service blueprints, UML class, lifecycle phase maps, and charts from bar, line and scatter to Sankey, treemap and heatmap, plus many more. Redraws draw.io, Mermaid, Excalidraw and PlantUML files. Exports SVG and PNG.

1 skill · 7 commands

cathrynlavery/diagram-design 66,757

context7

claudecodex

Up-to-date documentation lookup. Pull version-specific documentation and code examples directly from source repositories into your coding agent's context.

1 MCP server

upstash/context7 64,709

Maintain grid?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex plugins156 plugins