Extract computed styles from live and dev sites into variance reports.
npx skills add https://github.com/cfagerlin/theme-forge --skill find-variances
Please help me install this Agent Skill. Skill: find-variances Source: https://github.com/cfagerlin/theme-forge/tree/main/find-variances Command: npx skills add https://github.com/cfagerlin/theme-forge --skill find-variances
Extract computed styles from live and dev sites, compare property-by-property, and write a structured variance array to the section report. Standalone or auto-invoked by pull-section.
Run /theme-forge find-variances <section-key> [--page <page>] to extract live and dev variances for a section.
High-intent search queries and answers about installing and using this skill.
Automated variance discovery extracts computed styles from live and dev sites, compares them property-by-property, and writes a structured variance array into the section report to streamline theme migrations.
Per-breakpoint computed style extraction compares live and dev values across desktop, tablet, and mobile breakpoints, merging the discovered variances into existing section report entries for comprehensive analysis.
Case-aware scoping with optional anchor maps allows targeted extraction of computed styles for specific sections, ensuring variance comparisons remain focused on relevant elements during theme migrations.
Yes, the automated extraction relies on Playwright-based tooling and the theme-forge config to extract computed styles, compare variances, and output cached results into section reports.
After extracting and comparing computed styles, the workflow auto-generates actionable test conditions for fixes and integrates with refine-section and verify-section workflows to guide regression checks.
Variance merging requires proper section-key targeting and existing variance entries; the tool merges new computed style differences into existing report structures and caches results in .theme-forge/reports/sections.
sarojpundeAutomate Shopify theme development tasks using Shopify CLI workflows.
pipemind-comExtract actionable lessons from task conversations and propose CLAUDE.md updates.
InsajinRoute doctor alias requests to the Auto workflow while preserving flags.
TakazudoCompare computed CSS styles against user-specified UI requirements.
