lfe-visual-check

Inspect UI surfaces for layout and rendering issues.

43|2|Updated Apr 30, 2026
One-click install
npx skills add https://github.com/StChiotis/Library-First-Engineering --skill lfe-visual-check
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: lfe-visual-check
Source: https://github.com/StChiotis/Library-First-Engineering/tree/main/.agents/skills/lfe-visual-check
Command: npx skills add https://github.com/StChiotis/Library-First-Engineering --skill lfe-visual-check

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the visual inspection of UI surfaces, streamlining the process and reducing the risk of human error.

Core Features & Use Cases

  • Automated UI Inspection: Inspects the UI surface after changes, identifying layout, overflow, alignment, and rendering issues.
  • Human Oversight: Writes findings and instructions for human review, maintaining human oversight and final sign-off.
  • Use Case: When a UI change is made, this Skill automatically renders the new UI surface and presents it for review, ensuring the UI change meets design standards.

Quick Start

To start a visual inspection, use the command: /lfe-inspector

Frequently Asked Questions about lfe-visual-check

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate visual UI inspection for layout and rendering issues?

Visual UI inspection automates the detection of layout, overflow, and alignment issues by rendering the changed UI surface and generating findings for human review. It requires in-context rendering tools to execute the visual quality assurance check.

What is the best way to verify UI rendering compliance with design standards?

The best way to verify UI rendering compliance is to automate the inspection of UI surfaces after changes and route the findings to a human reviewer. This maintains human oversight while ensuring the UI change meets the required design standards.

How do I start an automated layout verification check after making UI changes?

You start an automated layout verification check by executing the `/lfe-inspector` command. This triggers the visual inspection process, rendering the updated UI surface and presenting the layout findings for human review.

Do I need in-context rendering tools to perform automated UI inspection?

Yes, you need in-context rendering tools to perform automated UI inspection. If rendering tools are unavailable, the Skill falls back to manual instructions to complete the visual quality assurance process.

Can I fully automate visual quality assurance without human oversight?

No, you cannot fully automate visual quality assurance without human oversight using this approach. It explicitly writes findings and instructions for human review to ensure final sign-off on design standard compliance.