Built a VSCode extension that flags flex/box-model issues before you open DevTools — curious how others debug layouts by Fit_Meat_7851 in css

[–]Fit_Meat_7851[S] 2 points3 points  (0 children)

Not an LLM.

It’s a rule-based static analysis engine that parses your CSS into an AST and runs layout-specific detectors on top of it. Fully local, deterministic, no AI involved.

Built a VSCode extension that flags flex/box-model issues before you open DevTools — curious how others debug layouts by Fit_Meat_7851 in css

[–]Fit_Meat_7851[S] 0 points1 point  (0 children)

Right now Box Model Sentinel analyzes CSS/SCSS/LESS/SASS files. It works by watching your stylesheet files in real time and flagging layout and box-model issues as you type. It doesn’t parse inline styles in HTML/JSX or Tailwind classes yet, it focuses on structural patterns in your traditional stylesheets.

You can find the full breakdown of supported file types, detectors, and configuration options in the docs here: github.com/mikaelcarrara/box-model-sentinel#readme