Loading...
Loading...
Found 2 Skills
Takes an existing component, file, or CSS and rewrites it to match the project's extracted design soul in .marrow.md. Fixes all soul violations while preserving the component's structure, logic, and functionality. Use this skill when the user wants to fix a specific file to match the design soul, align existing code to marrow rules, or repair soul violations found by marrow-check. Triggers on: /marrow-align, or prompts like "align this to marrow", "fix this to match the soul", "make this match .marrow.md", "fix the soul violations in this file", "align this component", "marrow-align [filename]". Requires .marrow.md to exist. If not found, instructs user to run /marrow first.
CSS, JavaScript, and HTML coding standards for Shopify Liquid themes. Covers BEM naming inside stylesheet tags, design tokens, CSS custom properties, Web Components for themes, defensive CSS, and progressive enhancement. Use when writing CSS/JS/HTML in .liquid files or theme asset files.