liquid-theme-a11y
Implements WCAG 2.2 accessibility patterns for Shopify Liquid themes, covering e-commerce components like product cards, carousels, modals, forms, and filters.
Identity proven by GitHub's verified organisation badge (Shopify)
- Agents
- Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode, claude.ai and API
- License
- No license stated
- Pin
- ae3e4ccpinned Oct 9, 2026
- Context cost
- about 3,500 tokenswhen the skill loads
- GitHub stars
- 35on shopify/liquid-skills
- Scripts
- None found
What it does
“Implement WCAG 2.2 accessibility patterns in Shopify Liquid themes. Covers e-commerce-specific components including product cards, carousels, cart drawers, price display, forms, filters, and modals. Use when building accessible theme components, fixing accessibility issues, or reviewing ARIA patterns in .liquid files.”
Generated summary from the skill's own text
Implements WCAG 2.2 accessibility patterns for Shopify Liquid themes, covering e-commerce components like product cards, carousels, modals, forms, and filters. Provides semantic HTML structures, ARIA patterns, keyboard navigation, focus management, and screen reader support for accessible theme development.
When to use it
- Building new Shopify Liquid theme components from scratch
- Auditing existing theme components for accessibility gaps
- Adding keyboard navigation and screen reader support to interactive elements
- Implementing accessible product filters, carousels, or modal dialogs
When not to
- Working with non-Shopify platforms or templating systems
- Designing visual aesthetics or styling that is unrelated to accessibility
- Debugging JavaScript functionality not tied to accessible interaction patterns
Install
No license stated: install from the publisher's repository, and ask the author before you reuse or share it.
These commands install from the publisher's repository and need no account.
skills CLI
npx skills add shopify/liquid-skills --skill liquid-theme-a11yInstalls from the repository's default branch, which may have changed since the commit we checked.
GitHub CLI 2.90 or later
gh skill install shopify/liquid-skills liquid-theme-a11y@ae3e4cc3f454923e388bbd841fd931f0c7bf5be4Installs the commit we checked (ae3e4cc).
Copy by hand
Download the folder at ae3e4cc and put it in .claude/skills/liquid-theme-a11y for Claude Code and in .agents/skills/liquid-theme-a11y for Codex, Cursor, Gemini CLI, GitHub Copilot and OpenCode.
Claude Code plugin
/plugin install liquid-skills@claude-plugins-officialThe publisher's plugin in Claude's official marketplace. It may hold more than this skill, and we have not pinned it.
Claude Code plugin
/plugin install shopify-ai-toolkit@claude-plugins-officialThe publisher's plugin in Claude's official marketplace. It may hold more than this skill, and we have not pinned it.
Copy for your agent
A prompt for any coding agent. It installs this skill from GitHub at the pinned commit, copies the files as they are, and runs nothing unless you ask.
Prompt
Install the agent skill "liquid-theme-a11y" by Shopify. Source, pinned to commit ae3e4cc3f454923e388bbd841fd931f0c7bf5be4: https://github.com/shopify/liquid-skills/tree/ae3e4cc3f454923e388bbd841fd931f0c7bf5be4/plugins/liquid-skills/skills/liquid-theme-a11y 1. Download that folder at exactly this commit. Do not use the default branch. 2. Copy every file unchanged, keeping the folder structure, into .claude/skills/liquid-theme-a11y/ for Claude Code and .agents/skills/liquid-theme-a11y/ for Codex, Cursor, Gemini CLI, GitHub Copilot and OpenCode. Create the folders if they do not exist. 3. Do not edit the files, and do not run any script in the folder unless I ask you to. 4. When you are done, list the files you copied and where you put them. Its license is restricted or not stated. Show me the license terms from the repository before you copy anything. Listing and checks: https://www.agentnative.dev/skills/shopify/liquid-theme-a11y
SKILL.md at the pin
The license of this skill does not let us show its files here.
Files
- SKILL.md14 KB · 00d9a66d4538
- references/
- component-patterns.md6.0 KB · cfaa618f3dec
- focus-and-keyboard.md4.9 KB · 007a9ded63c6
3 files, 25 KB in total. Each file has a sha256 in the pin's manifest; the first 12 characters are shown.
Skill folder on GitHub at ae3e4ccMore from Shopify
shopify
This skill enables agents to work across Shopify's entire developer platform, including Admin API, Storefront GraphQL, Shopify Functions, CLI operations, and…
Contains scripts
Claude Code · about 3.9K tokens · pinned 7 days ago
shopify-admin
This skill is deprecated and has been replaced by the shopify skill.
Claude Code, Codex, Cursor +4 · about 66 tokens · pinned 7 days ago
shopify-app-pricing
This skill is deprecated and has been replaced by the shopify skill.
Claude Code, Codex, Cursor +4 · about 71 tokens · pinned 7 days ago
shopify-app-store-review
This skill is deprecated and has been replaced by the shopify skill.
Claude Code, Codex, Cursor +4 · about 75 tokens · pinned 7 days ago
shopify-custom-data
This skill manages custom data storage in Shopify through Metafields and Metaobjects.
Claude Code, Codex, Cursor +4 · about 71 tokens · pinned 7 days ago
shopify-customer
This skill is deprecated and no longer maintained.
Claude Code, Codex, Cursor +4 · about 69 tokens · pinned 7 days ago
Related in Frontend and design
shopify-hydrogen
This skill provides cookbooks and recipes for building Shopify Hydrogen storefronts, including B2B commerce, bundles, subscriptions, and integrations.
by ShopifyOfficial publisher
Claude Code, Codex, Cursor +4 · about 69 tokens · pinned 7 days ago
shopify-liquid
This skill is deprecated and has been replaced by the shopify skill.
by ShopifyOfficial publisher
Claude Code, Codex, Cursor +4 · about 67 tokens · pinned 7 days ago
shopify-polaris-admin-extensions
This skill enables building custom actions and blocks for the Shopify Admin interface, including App Home UI extensions that render app landing pages natively.
by ShopifyOfficial publisher
Claude Code, Codex, Cursor +4 · about 81 tokens · pinned 7 days ago
shopify-polaris-app-home
This skill is deprecated.
by ShopifyOfficial publisher
Claude Code, Codex, Cursor +4 · about 75 tokens · pinned 7 days ago
shopify-polaris-customer-account-extensions
This skill is deprecated and no longer maintained.
by ShopifyOfficial publisher
Claude Code, Codex, Cursor +4 · about 89 tokens · pinned 7 days ago
shopify-pos-ui
This skill is deprecated and has been replaced by the shopify skill.
by ShopifyOfficial publisher
Claude Code, Codex, Cursor +4 · about 67 tokens · pinned 7 days ago