skills.rest
toilahuongg
toilahuonggCOMMUNITY
Explore all skills by this author →
GitHub

shopify-pos

Develop custom Shopify POS UI extensions using React and POS APIs.

10|2|Updated Nov 11, 2025
Search Tags:#react#app development#shopify#retail#pos#ui extensions
One-click install
npx skills add https://github.com/toilahuongg/Shopify-Agents-Kit --skill shopify-pos
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: shopify-pos
Source: https://github.com/toilahuongg/Shopify-Agents-Kit/tree/main/.claude/skills/shopify-pos
Command: npx skills add https://github.com/toilahuongg/Shopify-Agents-Kit --skill shopify-pos

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill guides you in creating custom user interfaces and functionalities that integrate directly into Shopify's Point of Sale (POS) application, enhancing the retail experience for merchants and staff.

Core Features & Use Cases

  • POS UI Extensions: Develop custom tiles, modals, blocks, and menu items for various POS screens (home, product details, customer details, etc.).
  • API Integration: Leverage POS-specific APIs for cart manipulation, customer data access, session management, and more.
  • Use Case: A merchant wants to add a loyalty points display and redemption option directly within the Shopify POS cart screen. This Skill provides the framework and examples to build such an extension.

Quick Start

Use the shopify-pos skill to generate a new POS UI extension for the product details screen.

Frequently Asked Questions about shopify-pos

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build custom UI extensions for the Shopify POS application?▼

To build custom UI extensions for the Shopify POS application, you use React and the POS UI extension framework to create interactive tiles, modals, and blocks that integrate with retail workflows and APIs.

Can I add a loyalty points redemption option to the Shopify POS cart screen?▼

Yes, you can add a loyalty points redemption option to the Shopify POS cart screen by developing a custom POS UI extension that leverages cart manipulation and customer data APIs.

What screens support custom tiles and blocks in Shopify POS?▼

Custom tiles and blocks in Shopify POS are supported on the home screen, product details, customer details, and cart line items, allowing you to embed interactive elements directly into these views.

Do I need React to develop Shopify POS UI extensions?▼

Yes, you need React to develop Shopify POS UI extensions, as the framework relies on React to build and render custom interactive components like tiles and modals within the POS application.

What APIs are available for Shopify POS UI extensions?▼

Shopify POS UI extensions support APIs for cart manipulation, customer data access, and session management, enabling custom components to interact directly with retail workflows and data.

What are the limitations of building POS UI extensions for Shopify?▼

POS UI extensions for Shopify are constrained to specific targets like the home screen, product details, customer details, and cart line items, limiting custom UI integration to these predefined retail workflows.

Related Skills

Explore More Software Engineering Skills→
MinhHoangDonoMinhHoangDono

ck:shopify

Structure Shopify CLI workflows for app, extension, and theme development.

Community
Advanced
EsellersEGEsellersEG

shopify-pos-ui

Scaffold Preact POS UI extensions for Shopify retail workflows.

Community
Intermediate
silvarojasdiegoarturo91silvarojasdiegoarturo91

shopify-admin

Generate Shopify Admin API GraphQL queries and mutations for store data operations.

Community
Intermediate
silvarojasdiegoarturo91silvarojasdiegoarturo91

shopify-pos-ui

Scaffold Shopify POS UI extensions using Shopify CLI commands.

Community
Intermediate