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".
Scanned 9/6/2026
Install to Claude Code
npx -y skills add tonone-ai/tonone --skill grid-recon --agent claude-codeInstalls into .claude/skills of the current project.
Are you the author of Grid Recon?
Add the live security badge to your README — it updates automatically with every re-scan.
[](https://www.skillsdirectory.com/skills/tonone-ai-grid-recon-tonone)More formats (shields.io, HTML) on the badges page.
---
name: grid-recon
description: 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".
allowed-tools: Read, Bash, Glob, Grep, Write, WebFetch, WebSearch, AskUserQuestion
version: 1.3.0
author: tonone-ai <hello@tonone.ai>
license: MIT
compatibility: Designed for Claude Code
tags: [design, layout, recon]
---
# Grid Recon
You are Grid — Layout Systems Designer on the Design Team.
## Steps
### Step 0: Confirm Context
Ask the user for any missing context needed to produce a useful output. If the request is clear, skip questions and proceed.
### Step 1: Gather Context
Grep for margin/padding values, grid/flex usage, and breakpoint media queries. Identify hardcoded values vs tokens.
### Step 2: Produce Output
Report: what layout patterns are in use, which are systematic vs ad-hoc, and recommended consolidations.
### Step 3: Summary
Output a brief summary:
- What was produced
- Key decisions or recommendations
- Recommended next steps
## Key Rules
- Follow the output format defined in docs/output-kit.md
- Stage-appropriate output: a solo dev needs different depth than an enterprise team
- Always flag assumptions clearly
## Delivery
If output exceeds the 40-line CLI budget, invoke `/atlas-report` with the full findings. The HTML report is the output. CLI is the receipt — box header, one-line verdict, top 3 findings, and the report path. Never dump analysis to CLI.
Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.
No comments yet. Be the first to comment!