VibeCheck Layout Assistant

5.0(

1 rating

)

Extension Developer Tools4 users

Item media 2 (screenshot) for VibeCheck Layout Assistant

Item media 1 (screenshot) for VibeCheck Layout Assistant

Overview

Debug web layouts by selecting elements, identifying problem areas, and generating fix prompts.

VibeCheck Layout Assistant helps developers visually debug web layouts by overlaying a precision 50px grid on any element. Simply click to mark friction points, add observations, and the extension automatically groups issues and generates structured, context-aware prompts for AI coding assistants to fix the layout problems efficiently.

5 out of 5
1 rating
Learn more about results and reviews.

Details

Version
1.1
Updated
February 19, 2026
Flag concern
Offered by
Daham Dissanayake
Size
1.35MiB
Languages
English
Developer
Daham Dissanayake
55, Gajaba Road, Gampaha. Gampaha 11000 LK
Email
dahamdissanayake05@gmail.com
Non-trader
This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

Not being sold to third parties, outside of the approved use cases
Not being used or transferred for purposes that are unrelated to the item's core functionality
Not being used or transferred to determine creditworthiness or for lending purposes

Support

HTML5 Outliner

4.2

Generates a navigable page outline with heading and sectioning elements

CSS Debugger

5.0

Instantly debug CSS layouts by adding colorful outlines to HTML elements. Easily identify and inspect elements with a simple click.

Visual Inspect UI

5.0

Advanced Visual Inspector for Editing Web Page Elements.

Border Patrol – CSS Debugger & Element Outliner

5.0

CSS box model debugger & element outliner for fast UI inspection, layout visualization, and faster frontend development.

Element Inspect

5.0

Inspect padding, margin, tag, class, and size by hovering over elements.

HTML/CSS Section Copier

0.0

Extracts selected section and provides raw HTML and CSS.

Pesticide (without hover bar)

5.0

A CSS debugging tool that outlines all page elements to help identify and fix layout issues.

Responsive Dimension Checker

5.0

Hold Alt key to check dimensions of elements on webpage. Shows width and height in real-time.

UI Inspector - Visual CSS Editor

4.1

Inspect and visually edit elements and their CSS directly on the page for faster design and UI debugging.

Squarestylist Selector Helper

5.0

Easily find and copy Squarespace CSS selectors to help customize your website

Outline HTML Elements

5.0

Outline HTML elements with a colorful border without affecting the layout to inspect website structure.

Element Selector

0.0

Select and highlight elements on a webpage