bee:dev-frontend-visual-vuejs
CommunityVue.js visual testing for consistency
Software Engineering#frontend#regression testing#visual testing#component testing#vuejs#snapshot testing
Authorluanrodrigues
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill ensures that all Vue.js frontend components maintain visual consistency across different states and viewports, preventing regressions and ensuring a polished user interface.
Core Features & Use Cases
- Snapshot Testing: Automatically generates and verifies visual snapshots of Vue components.
- State Coverage: Ensures all component states (e.g., loading, error, empty) are snapshotted.
- Responsive Testing: Verifies component appearance across different screen sizes.
- Component Duplication Check: Prevents the use of non-standard UI components.
- Use Case: After implementing a new user profile card component in Vue.js, this Skill will generate snapshots for its default, loading, and error states, as well as for mobile and desktop views, ensuring it looks correct before deployment.
Quick Start
Use the bee:dev-frontend-visual-vuejs skill to run visual snapshot tests on the provided Vue.js implementation files.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: bee:dev-frontend-visual-vuejs Download link: https://github.com/luanrodrigues/ia-frmwrk/archive/main.zip#bee-dev-frontend-visual-vuejs Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.