debug-layout

star 334

Diagnose layout issues in Gridland components. Spawns the layout-debugger agent with the relevant component. Use when a component renders incorrectly or layout looks wrong.

By thoughtfulllc schedule Updated 4/13/2026

play_arrow Run Skill in Manus View GitHub

name: debug-layout description: Diagnose layout issues in Gridland components. Spawns the layout-debugger agent with the relevant component. Use when a component renders incorrectly or layout looks wrong.

Diagnose layout issues in a Gridland component.

If $ARGUMENTS provided, find the component file matching the argument (component name or file path).
If no argument, ask which component has the layout issue.
Read the component file to understand its JSX structure.
Spawn the layout-debugger agent with the component file path and a description of the visual problem.
Present the diagnosis: what's wrong, why, and how to fix it.
Suggest running bun run demo <component-name> to visually verify the fix.

Install via CLI

npx skills add https://github.com/thoughtfulllc/gridland --skill debug-layout

Repository Details

star Stars 334

call_split Forks 12

navigation Branch main

article Path SKILL.md