Align Grid

Align Grid is a Frontend skill for Claude Code, published by danielvm-git in bigpowers.

173 stars14 forkson danielvm-git/bigpowersAdded 2026/09/07+8% in starsRepository updated 2026/09/06

ai-agentsautomationbmadclaude-codeclean-codecursor-rulesdevopsdocumentation-as-codegemini-cliproductivitysoftware-engineeringsolo-developerspec-driven-developmenttdd

Install in seconds

Install Align Grid

Copy Align Grid into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/danielvm-git/bigpowers/tree/main/skills/align-grid ~/.claude/skills/align-grid

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/danielvm-git/bigpowers.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: skills/align-grid/SKILL.md in danielvm-git/bigpowers
Installs to: ~/.claude/skills/align-grid
Collection: One of 23 skills cataloged from this repository
Category: Frontend — 705 skills

What Align Grid does

Align Grid builds Müller-Brockmann modular grid webpages with CSS-variable-driven columns, baseline rhythm, and optical alignment. Use it when you need a visible, load-bearing grid that can be toggled and verified with a Puppeteer harness.

Align Grid is cataloged under Frontend on DirSkills. Align Grid comes from a repository tagged ai-agents, automation, bmad, claude-code and clean-code.

Documentation

README

Excerpt

Müller-Brockmann Grid Systems — built real, visible, and verified

Josef Müller-Brockmann (1914–1996), Zurich; Grid Systems in Graphic Design (1981) is the corpus. The grid is treated as an ethic, not decoration: "The grid system is an aid, not a guarantee. It permits a number of possible uses and each designer can look for a solution appropriate to his personal style. But one must learn how to use the grid; it is an art that requires practice." This skill encodes that discipline AND — the part most attempts get wrong — the front-end engineering to make the grid genuinely load-bearing on the web, plus a harness that PROVES it.

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Align Grid

What else does danielvm-git publish alongside Align Grid?
Align Grid is one of 23 skills that DirSkills catalogs from danielvm-git/bigpowers, the repository it ships in. Its siblings there include Assess Impact, Audit Code and Audit Plan. Each one is a separate skill with its own page in this directory, installs the same way Align Grid does, and is maintained by danielvm-git in that same repository. The rest of the collection is listed on the danielvm-git/bigpowers page.
How does Align Grid compare to other Frontend skills?
Align Grid ranks #643 by stars among the 705 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Align Grid against them. Open each page to compare what they document and how they install.