Liquid Theme Standards
Skill ยืนยันแล้ว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.
This skill provides detailed coding standards and best practices for writing CSS, JavaScript, and HTML within Shopify Liquid theme files. It covers BEM naming conventions, CSS custom properties for design tokens, Web Component patterns, defensive CSS techniques, and progressive enhancement, offering ready-to-use examples and clear guidelines.
Maintenance
- warning:Commit recencyNo commits have been made in the last 12 months, suggesting the extension may be unmaintained.
Versioning
- warning:Release ManagementNo manifest version, GitHub releases, or CHANGELOG are present, and installation instructions reference 'main', making version pinning impossible.
การติดตั้ง
เพิ่ม marketplace ก่อน
/plugin marketplace add benjaminsehl/liquid-skills/plugin install shopify-theme-skills@shopify-liquid-theme-skillsส่วนขยายที่คล้ายกัน
Frontend Design
99Create distinctive, production-grade frontend interfaces with high design quality. Provides analysis tools for auditing existing designs and generation tools for creating color palettes, typography systems, design tokens, and component templates. Supports React, Vue, Svelte, and vanilla HTML/CSS. Use when building web components, pages, or applications. Keywords: design, UI, frontend, CSS, components, palette, typography, tokens, accessibility.
Frontend Design
98Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
React PWA
98Extension from jwynia/agent-skills
Frontend Design Skill
95Transform UI style requirements into production-ready frontend code with systematic design tokens, accessibility compliance, and creative execution. Use when building websites, web applications, React/Vue components, dashboards, landing pages, or any web UI requiring both design consistency and aesthetic quality.
RevealJS Presenter
95Generate RevealJS HTML presentations with reliable layout, professional typography, and effective visual communication. Use when creating slide decks, pitch presentations, technical talks, or any reveal.js output.
RivetKit React Client
95RivetKit React client guidance. Use for React apps that connect to Rivet Actors with @rivetkit/react, create hooks with createRivetKit, or manage realtime state with useActor.