Toolverse
All skills
Frontend

shopify-apps

by alinaqi

Shopify app development - Remix, Admin API, checkout extensions

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
alinaqi
Category
Frontend
Views
7
GitHub repo

About this skill

Shopify app development - Remix, Admin API, checkout extensions

How to use

  1. Załóż darmowe konto w Shopify Partner Dashboard na partners.shopify.com, a następnie utwórz sklep deweloperski do testów w sekcji Stores.

  2. Zainstaluj Shopify CLI globalnie poleceniem npm install -g @shopify/cli i sprawdź, czy masz Node.js w wersji 18.20 lub wyższej.

  3. Utwórz nową aplikację poleceniem shopify app init, wybierz szablon Remix i język (JavaScript lub TypeScript), a następnie przejdź do folderu projektu.

  4. Uruchom serwer deweloperski poleceniem shopify app dev — CLI automatycznie skonfiguruje uwierzytelnianie i połączy aplikację z Twoim sklepem testowym.

  5. Rozwijaj główne strony aplikacji w folderze app/routes/, korzystając z komponentów Polaris UI do interfejsu, oraz dodawaj webhooks (np. app.uninstalled, gdpr) w dedykowanych plikach.

  6. Dla rozszerzeń checkout lub theme extensions utwórz je w folderze extensions/ i wdrażaj razem z aplikacją za pośrednictwem Partner Dashboard.

Related skills

zustand

by lobehub

Zustand state management guide. Use when working with store code (src/store/**), implementing actions, managing state, or creating slices. Triggers on Zustand store development, state management questions, or action implementation.

Frontend
36126

senior-fullstack

by davila7

Comprehensive fullstack development skill for building complete web applications with React, Next.js, Node.js, GraphQL, and PostgreSQL. Includes project scaffolding, code quality analysis, architecture patterns, and complete tech stack guidance. Use when building new projects,

Frontend
2896

frontend-ui-ux

by code-yeongyu

Designer-turned-developer who crafts stunning UI/UX even without design mockups

Frontend
1884

better-icons

by better-auth

Use when working with icons in any project. Provides CLI for searching 200+ icon libraries (Iconify) and retrieving SVGs. Commands: `better-icons search u003cqueryu003e` to find icons, `better-icons get u003cidu003e` to get SVG. Also available as MCP server for AI agents.

Frontend
2037

shadcn-ui-setup

by maneeshanif

Install and configure Shadcn/ui component library with Radix UI primitives, Aceternity UI effects, set up components, and manage the component registry. Use when adding Shadcn/ui to a Next.js project or installing specific UI components for Phase 2.

Frontend
23167

browser-automation

by browserbase

Automate web browser interactions using natural language via CLI commands. Use when the user asks to browse websites, navigate web pages, extract data from websites, take screenshots, fill forms, click buttons, or interact with web applications. Triggers include \

Frontend
21175