Build semantic anchor maps pairing DOM roles to stable selectors.
npx skills add https://github.com/cfagerlin/theme-forge --skill intake-anchors
Please help me install this Agent Skill. Skill: intake-anchors Source: https://github.com/cfagerlin/theme-forge/tree/main/intake-anchors Command: npx skills add https://github.com/cfagerlin/theme-forge --skill intake-anchors
Live and development themes often diverge in DOM structure, causing false variance during automated migration. intake-anchors builds a semantic anchor map that ties sections' roles to stable selectors rather than relying on brittle positional matching.
Onboard a section and run intake-anchors to generate the semantic anchor map.
High-intent search queries and answers about installing and using this skill.
To align live and dev Shopify DOMs, build a semantic anchor map that ties section roles to stable selectors rather than relying on brittle positional matching. This prevents false variance when theme structures diverge during automated migration.
A semantic anchor map pairs live and dev DOM elements by their functional role instead of document position. It merges section, theme-family, and project library candidates to classify and confirm stable selectors for each role.
Generate stable selectors by probing live and dev DOMs with a Liquid locus resolver and DOM matcher. Candidates are classified as confirmed, inconclusive, or rejected, then a three-tier veto ranking chooses the most stable selector per role.
Yes, multi-case probing and reverse-probe maximize coverage across diverse stores. The system merges candidates from section and theme-family libraries, applying downweighting to speculative libraries to handle varied DOM structures effectively.
When a role has no locus or bindings are inconclusive, the system handles these edge cases by reporting provenance and classifying candidates as inconclusive or rejected. This allows for rebaseline of anchors to adapt to theme changes.
Yes, you should rebaseline anchors to adapt to theme changes. The system reports provenance for each classification, enabling you to update the semantic anchor map and maintain accurate role-to-selector mappings after structural updates.
kos3nzTemplate Shopify storefronts using the Liquid templating language.
sarojpundeAutomate Shopify theme development tasks using Shopify CLI workflows.
murphytruemanAudit design system theme coverage, consistency, and component tier propagation.
ivalsarajHighlight matching DOM elements with a CSS outline and clear them.
