Generate Extension — Design skill for Claude Code
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
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
- 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 RepositoryRelated Skills
Iced Development
ALWAYS use this skill when writing, modifying, or reviewing Rust code that uses the Iced GUI library. This ski
Docstrings
Adds Google-style docstrings to public functions and classes in the file
TemplateClaw
Developer template hub and project scaffolding tool packaged as a Claude Code Plugin. 32 production-ready te
Figma Implement
Implement a Figma design as a pixel-perfect Shopify section, block, or snippet
Shopify Tokens Setup
Extract design tokens from Figma and populate base.scss (run once per project)
Agile CLI
Agile workspace CLI — one root, five drawers. gclient-style sync over git submodules, worktree management, hea
Related Agents
Theme Engineer
Opera em temas Shopify e front-end, implementando personalizações seguras em Liquid, JSON, CSS e JavaScript.
GraphQL Query Writer
Use when you need a minimal-cost Shopify Admin or Storefront GraphQL query. Specializes in correct query const
Drupal Theme Planner
Plans Drupal theme architectures — base theme selection, component libraries (SDC), CSS methodology, Twig temp