Screenshot a website and analyze visual composition against design principles.
npx skills add https://github.com/1337hero/claude-toolkit --skill visual-audit-1337hero
Please help me install this Agent Skill. Skill: visual-audit Source: https://github.com/1337hero/claude-toolkit/tree/main/skills/visual-audit Command: npx skills add https://github.com/1337hero/claude-toolkit --skill visual-audit-1337hero
Screenshots a website and analyzes its visual composition against design principles such as the golden ratio, rule of thirds, spacing, and visual hierarchy to ensure UI quality.
Run the audit script with a target URL to generate the visual audit images and findings.
High-intent search queries and answers about installing and using this skill.
You can audit a website's UI by running a local script that takes screenshots and analyzes visual composition against the golden ratio, rule of thirds, and spacing. It produces original, overlay, and ratio visuals alongside a concise findings report.
Automated visual design validation screenshots frontend components and evaluates their visual hierarchy and spacing against established design principles. It generates overlay visuals and structured findings to guide UI improvements.
Yes, you can check visual hierarchy and spacing across specified viewports by passing a target URL to the audit script. It captures screenshots at those dimensions and evaluates the composition against design principles.
The best way to generate overlay visuals for a design review is using a local audit script that captures screenshots and applies golden ratio and rule of thirds grids. It outputs the overlay images and a summarized report.
Yes, you need a local audit script to run a visual UI review. The script requires a target URL to capture screenshots and generate the original, overlay, and golden-ratio visuals along with the findings report.
AZANIRGenerate visual regression tests with Playwright, Percy, or BackstopJS.
Gami19Apply Refactoring UI principles to create cohesive interfaces and design reviews.
AutomatedMarketerDesigns accessible UI with shadcn/ui, Tailwind CSS, and canvas visuals.
hffmnnjCompare screenshots pixel-by-pixel to detect unintended UI changes.
