liquid-theme-standards
Standards for Shopify Liquid themes focusing on BEM CSS, native Web Components, and progressive enhancement.
Install
npx skills add https://github.com/benjaminsehl/liquid-skills --skill liquid-theme-standardsStats
| Total installs | 970 |
| Weekly installs | 969 |
| GitHub stars | 104 |
| First seen | Feb 23, 2026 |
| Source | @benjaminsehl/liquid-skills |
Summary
- BEM naming convention with single-level element nesting, CSS custom properties for all design values, and logical properties for RTL support
- Web Components pattern for component-scoped JavaScript using native browser APIs only; no external dependencies
- Progressive enhancement: semantic HTML first, then CSS, then optional JavaScript enhancements
- Defensive CSS practices including overflow handling, aspect ratio preservation, and reduced-motion support
- Use jq for safe JSON edits in template and config files rather than string-based find-and-replace
Tags
Related skills
| Skill | Installs | vs liquid-theme-standards |
|---|---|---|
| web-development | 893 | -77 |
| tailwind-css | 916 | -54 |
| base44-sdk | 950 | -20 |
| vue-expert | 995 | +25 |
| flutter-localization | 985 | +15 |
FAQ
- How many installs does liquid-theme-standards have?
- liquid-theme-standards has 970 total installs and 969 installs this week.
- Where is liquid-theme-standards hosted?
- liquid-theme-standards is published by @benjaminsehl/liquid-skills at https://github.com/benjaminsehl/liquid-skills.
- How many GitHub stars does liquid-theme-standards have?
- liquid-theme-standards has 104 GitHub stars.
- When was liquid-theme-standards first indexed?
- OrangeBot.AI first indexed liquid-theme-standards on Feb 23, 2026.
- How do I install liquid-theme-standards?
- Run: npx skills add https://github.com/benjaminsehl/liquid-skills --skill liquid-theme-standards