Skills
.Work. You
Rest

lusena-draftshop-fragment-parity

Community

Port UI/UX fragments to Shopify theme

Software Engineering#react#tailwind#liquid#shopify#theme development#parity#ui migration
Authorfulfon
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automates the complex process of migrating UI/UX elements from a React/Tailwind draft shop into a Shopify Liquid theme, ensuring exact visual and functional parity.

Core Features & Use Cases

  • End-to-End Workflow: Manages the entire migration process from planning to visual verification.
  • Parity Assurance: Guarantees 1:1 visual and interaction matching between draft and theme.
  • Use Case: You need to copy the exact product gallery component from your React prototype into your Shopify theme. This Skill will guide you through auditing, planning, implementing, and verifying the transfer.

Quick Start

Use the lusena-draftshop-fragment-parity skill to copy the gallery component from lusena-shop/src/components/gallery into the theme's product page section.

Dependency Matrix

Required Modules

None required

Components

scriptsreferencesassets

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: lusena-draftshop-fragment-parity
Download link: https://github.com/fulfon/lusena-dawn/archive/main.zip#lusena-draftshop-fragment-parity

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.