khadinakbarlabs

Generate Extension — Design skill for Claude Code

Design community

Create Shopify app extension (Functions, Theme App Extension, or Admin UI) with proper scaffolding and configuration.

How to install Generate Extension

Installs to ~/.claude/skills/khadinakbarlabs-shopify-app-builder-generate-extension/SKILL.md

Terminal
mkdir -p ~/.claude/skills/khadinakbarlabs-shopify-app-builder-generate-extension && curl -fsSL https://raw.githubusercontent.com/khadinakbarlabs/shopify-app-builder/HEAD/commands/generate-extension.md -o ~/.claude/skills/khadinakbarlabs-shopify-app-builder-generate-extension/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What Generate Extension does


description: "Create Shopify app extension (Functions, Theme App Extension, or Admin UI) with proper scaffolding and configuration" argument-hint: "extension-type, feature-name"

Generate Shopify Extension

You are creating a Shopify app extension to extend storefront or admin functionality using Shopify Functions, Theme App Extensions, or Admin UI components.

Extension Type Selection

  1. Choose extension architecture
    • Cart Transformer (Shopify Functions): Modify cart befor

Alternatives in Design

  • Theme Factory — Style artifacts with professional themes including 10 pre-set color/font combinations 94.1k ★
  • Theme Swap — Recolour an extracted site's design around a new brand primary 3.6k ★
  • Stitch Remotion — Generate walkthrough videos from app designs 2.6k ★

Full documentation available on GitHub

View Source Repository