debug-layout

Étoiles356

Forks12

Mis à jour13 avril 2026 à 16:04

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.

Installation

Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.

Exécuter dans Manus

Source

thoughtfulllc

thoughtfulllc/gridland

Ouvrir le dépôt GitHub Voir les dépôts du créateur

Téléchargement

Exécuter dans Manus

Métiers associésSOC

Basé sur la classification professionnelle SOC

Développeurs de logicielsProfessions informatiques et mathématiques·SOC 15-1252

SKILL.md

readonly

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.

Plus depuis ce dépôt

même dépôt

create-component

thoughtfulllc/gridland

Guide for creating a new UI component in @gridland/ui. Covers file structure, focus integration, keyboard handling, theme usage, JSDoc, export registration, and documentation.

2026-04-16356

production-ready

thoughtfulllc/gridland

Review a component for production readiness as a UI framework. Assesses code quality, patterns, tests, docs, and API design. Produces a prioritized fix plan. Use before shipping a new or updated component to users.

2026-04-16356

sync-context

thoughtfulllc/gridland

Update context files to reflect current codebase state — new components, changed APIs, new patterns, and reasoning behind non-obvious decisions. Routes updates to the correct file based on what changed. Run after any significant design change before committing.

2026-04-16356

audit-render

thoughtfulllc/gridland

Audit the browser rendering pipeline for scissor/clipping bypass bugs. Use when touching browser-buffer.ts, canvas-painter.ts, or adding new visual features.

2026-04-13356

release-check

thoughtfulllc/gridland

Pre-release checklist. Runs all 4 agents plus snapshot regression test, TypeScript check, and semver confirmation. Run before publishing a new package version.

2026-04-13356

review-docs

thoughtfulllc/gridland

Documentation-focused review. Runs docs-mirror and dependency-auditor in parallel. Use after writing or updating documentation, demo components, or MDX pages.

2026-04-13356

Exécutez n'importe quel Skill en un clic