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

Ready to run

npx skills add https://github.com/toilahuongg/Shopify-Agents-Kit --skill shopify-pos

💬 Prompt for ChatGPT / Claude Chat▼

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.