Item logo image for VibeCheck Layout Assistant

VibeCheck Layout Assistant

5.0(

1 rating

)
ExtensionDeveloper Tools3 users
Item media 2 (screenshot) for VibeCheck Layout Assistant
Item media 1 (screenshot) for VibeCheck Layout Assistant
Item media 2 (screenshot) for VibeCheck Layout Assistant
Item media 1 (screenshot) for VibeCheck Layout Assistant
Item media 1 (screenshot) for VibeCheck Layout Assistant
Item media 2 (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 51 rating

Learn more about results and reviews.

Details

  • Version
    1.1
  • Updated
    February 19, 2026
  • 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

Related

Element Selector AI

0.0

Select elements on web pages and generate code with AI

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.

Pesticide for Chrome - Simple

5.0

Toggle CSS outlines to debug layouts easily.

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.

UI Inspector - Visual CSS Editor

4.2

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

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

Zap It - Web Page Editor

0.0

Edit text and styles from any web page, remove elements, and persist changes across visits.

HTML5 Outliner

4.2

Generates a navigable page outline with heading and sectioning elements

Element Selector AI

0.0

Select elements on web pages and generate code with AI

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.

Pesticide for Chrome - Simple

5.0

Toggle CSS outlines to debug layouts easily.

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.

UI Inspector - Visual CSS Editor

4.2

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

Google apps