fix-styles
CommunityAutomate visual fixes to keep UI pixel-perfect.
Design & Creative#css#styled-components#responsive-design#visual-regression#ui-debugging#browser-snapshots
Authorfyodoriv
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Fixes visual styles by iterating with browser snapshots and screenshots. Covers CSS, styled-components, and layout issues that need visual verification. Use when something "looks wrong", spacing is off, colors don't match, or responsive layout is broken. Don't use for writing new stories or general code formatting (use prettier).
Core Features & Use Cases
- Visual verification loop using browser snapshots and pixel checks.
- Handles CSS, styled-components, and layout/spacing issues requiring visual confirmation.
- Use cases include regression fixes, theme alignment, and ensuring consistency across breakpoints.
Quick Start
Automate a basic visual fix: take baseline screenshot, apply a simple style change, and verify the before/after comparison.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 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: fix-styles Download link: https://github.com/fyodoriv/agentbrew/archive/main.zip#fix-styles 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 471,000+ vetted skills library on demand.