daichan132Community·12 Agent Skills Included

Youtube-Live-Chat-Fullscreen

Browser extension development with strict runtime and packaging contracts

Maintains a production Chrome and Firefox extension that overlays YouTube live chat on fullscreen video. Enforces strict runtime architecture, packaging, locale, and testing contracts so changes never break 20,000+ users. Guides safe refactoring, reversible DOM changes, and multi-browser verification without manual guesswork.

34|0

↗

npx skills add daichan132/Youtube-Live-Chat-Fullscreen --all -g -y

Available:

Instructs your AI agent on the extension's architecture, forbidden refactorings, verification commands, and packaging rules so it makes changes without breaking the production product.

All Skills in This Repository (12)

Pure Emerald Level Indicators

📦 In Repo

daichan132

ui-ux-pro-max

Generate design systems with tokens, typography, and patterns across technology stacks.

agent-browser

Automate browser interactions and extract data via CLI.

copywriting

Write persuasive marketing copy for web pages and campaigns.

ylc-e2e-playwright

Manage Playwright E2E testing workflows for the YouTube Live Chat Fullscreen extension.

fullscreen-chat-contracts

Diagnose iframe hiding and DOM relocation issues during YouTube fullscreen transitions.

ylc-agent-browser

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

find-skills

Search the open agent-skills ecosystem and install skills via the Skills CLI.

skill-creator

Create, modify, and evaluate Claude Skills with SKILL.md frontmatter.

git-pr-ops

Enforce repository-specific Git commit, PR, and code review workflows.

vercel-react-best-practices

Apply React and Next.js performance best practices during code writing and reviews.

chrome-extension-e2e-playwright

Automate Chrome extension end-to-end tests with Playwright.

technical-blog-writing

Craft structured technical blog posts with code examples for developers.

Community

Intermediate

Frequently Asked Questions

FAQPage Schema

How to install Youtube-Live-Chat-Fullscreen?▼

Run `npx skills add daichan132/Youtube-Live-Chat-Fullscreen --all -g -y` in your terminal to install all skills in this suite globally.

What does YouTube Live Chat Fullscreen do?▼

It is a browser extension that shows YouTube live chat as a draggable, resizable overlay while watching in fullscreen. It supports Chrome and Firefox with 55 locales and no tracking.

How does this repo help AI agents edit the extension safely?▼

The CLAUDE.md guide defines strict runtime architecture contracts, forbidden refactorings, and required verification commands so agents avoid breaking the production extension.

Which checks must pass before changing this extension?▼

Run `yarn check` for lint, types, and contract scripts, plus `yarn test:unit` and `yarn e2e` for full coverage. Release changes also require `yarn verify:release`.

Does the extension collect user data?▼

No. It has no account, analytics, or tracking, and settings stay in local browser storage with only the storage permission.