laivannha0202

component-visual-testing

Add or use component-level visual and interaction verification with Storybook, Playwright, snapshots, state matrices, and affected-component baselines when a repository supports them.

laivannha0202 0 Updated 4w ago
GitHub

Install

npx skillscat add laivannha0202/opencode-agent-skill/component-visual-testing

Install via the SkillsCat registry.

SKILL.md

Component Visual Testing

Detect the project's existing Storybook, component test, screenshot, and interaction conventions before adding new tooling. Reuse existing stories/states when possible.

Exercise important states: default, hover/focus/pressed/disabled, loading/empty/error/success, long content, missing media, and relevant responsive sizes. Treat visual snapshots as regression evidence, not a substitute for semantic or interaction checks.