skills.rest
daichan132
daichan132COMMUNITY
Explore all skills by this author →
GitHub

ylc-agent-browser

Validate YouTube live chat overlay UI states across live and replay modes.

34|Updated Oct 30, 2023
Search Tags:#testing#e2e#extension#youtube#overlay#agent-browser#live-chat
One-click install
npx skills add https://github.com/daichan132/Youtube-Live-Chat-Fullscreen --skill ylc-agent-browser
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ylc-agent-browser
Source: https://github.com/daichan132/Youtube-Live-Chat-Fullscreen/tree/main/.agents/skills/ylc-agent-browser
Command: npx skills add https://github.com/daichan132/Youtube-Live-Chat-Fullscreen --skill ylc-agent-browser

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill provides a structured, repeatable approach for validating the YouTube live chat overlay in a real browser, covering fullscreen transitions, overlay/iframe states, and DOM inspections without relying on ad-hoc checks.

Core Features & Use Cases

  • Standardized browser-based validation workflow for YouTube live chat overlays, including live, archive, no-chat, and replay scenarios.
  • Guidance on DOM inspection, screenshot capture, console/trace collection, and evidence logging during testing sessions.
  • Clear guardrails for when to use manual checks versus Playwright-based tests, ensuring repeatable results and traceable evidence.

Quick Start

Open a YouTube watch page with agent-browser, mute the video, capture the initial UI state, and follow the checklist to validate fullscreen and overlay behavior.

Frequently Asked Questions about ylc-agent-browser

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

FAQPage Schema
How do I test a YouTube live chat overlay in fullscreen mode?▼

To validate a YouTube live chat overlay, use agent-browser to open a watch page, mute the video, capture the initial UI state, and follow a structured checklist to verify fullscreen transitions, overlay rendering, and DOM states across live and replay scenarios.

What is the best way to capture evidence during YouTube live chat e2e testing?▼

The best way to capture evidence during YouTube live chat e2e testing is to use browser-based agent workflows that log screenshots, console traces, and test trajectories, producing reproducible results and documented steps for validation sessions.

How do I verify native chat versus extension iframe behavior on YouTube?▼

To verify native chat versus extension iframe behavior on YouTube, perform DOM and style inspections during live streams or archive replays using agent-browser workflows to ensure correct overlay rendering and consistent UI states across modes.

Can I use Playwright to validate YouTube archive and replay chat scenarios?▼

Yes, you can validate YouTube archive and replay chat scenarios using Playwright-based tests. The workflow provides clear guardrails for when to use automated tests versus manual checks, ensuring repeatable results and traceable evidence across replay and live modes.

Why is my YouTube live chat overlay not rendering consistently across different modes?▼

A YouTube live chat overlay may render inconsistently due to unverified DOM states during fullscreen transitions or iframe loading. Applying a standardized browser-based validation workflow with guardrails ensures consistent overlay rendering across live, no-chat, and replay scenarios.

Related Skills

Explore More Software Engineering Skills→
bizzybaebizzybae

open-gstack-browser

Launch GStack Browser with a live activity feed and sidebar chat.

Community
Intermediate
alissonpefalissonpef

browser-testing-with-devtools

Diagnoses browser runtime issues by inspecting live page behavior, console output, network activity, and rendered DOM state.

Community
Advanced
tedtv1007-ctrltedtv1007-ctrl

playwright-testing

Automate browser-based end-to-end testing with Playwright.

Community
Advanced
greencmgreencm
1

devex-review

Audit developer experience by navigating documentation, timing tasks, and capturing screenshots.

Community
Intermediate