[hughdbrown]

I used this entire HN discussion as the input to a design/task SKILL.md. I asked Claude to prepare the design document and a task list. When it was done, I asked it to implement the task list.

I got this: https://github.com/hughdbrown/visualize-grid-layouts.git

You can follow how this all happened by looking in `docs/design/`.

The SKILL.md had this description:

``` Collaboratively designs a new software feature with the developer. Explores the existing codebase to ground all technical decisions in the project's actual architecture, conventions, and dependencies. Produces two deliverables:

1. *Product Requirements Document (PRD)* — what the feature does, technical decisions, how it operates, and ordered implementation stages.

2. *Detailed Task List* — within each stage, test-first scoped steps covering tests to write, code to implement, config changes, environment variables, dependencies, and documentation.

Both deliverables are written to files in the project for reference during implementation. ```

You can get Claude to produce the skill for you, too.