Стандарты кодирования CSS, JavaScript и HTML для тем Shopify Liquid. Охватывает имена BEM внутри тегов таблицы стилей, токены дизайна, пользовательские свойства CSS, веб-компоненты для тем, защитный CSS и прогрессивное улучшение. Используйте при написании CSS/JS/HTML в файлах .liquid или файлах ресурсов темы.
Быстро установите AI-навык liquid-theme-standards в вашу среду разработки через командную строку
Источник: benjaminsehl/liquid-skills.
| {% stylesheet %} | No | Component-scoped styles (one per file) | | {% style %} | Yes | Dynamic values needing Liquid (e.g., color settings) | | assets/.css | No | Shared/global styles |
Critical: {% stylesheet %} does NOT process Liquid. Use inline style attributes for dynamic values:
Use CSS custom properties for all values — never hardcode colors, spacing, or fonts. Define a consistent scale and reference it everywhere.
Стандарты кодирования CSS, JavaScript и HTML для тем Shopify Liquid. Охватывает имена BEM внутри тегов таблицы стилей, токены дизайна, пользовательские свойства CSS, веб-компоненты для тем, защитный CSS и прогрессивное улучшение. Используйте при написании CSS/JS/HTML в файлах .liquid или файлах ресурсов темы. Источник: benjaminsehl/liquid-skills.
Стабильные поля и команды для ссылок в AI/поиске.
npx skills add https://github.com/benjaminsehl/liquid-skills --skill liquid-theme-standardsСтандарты кодирования CSS, JavaScript и HTML для тем Shopify Liquid. Охватывает имена BEM внутри тегов таблицы стилей, токены дизайна, пользовательские свойства CSS, веб-компоненты для тем, защитный CSS и прогрессивное улучшение. Используйте при написании CSS/JS/HTML в файлах .liquid или файлах ресурсов темы. Источник: benjaminsehl/liquid-skills.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/benjaminsehl/liquid-skills --skill liquid-theme-standards После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
https://github.com/benjaminsehl/liquid-skills