shop-setup
Choose a design from the example images, and shop-setup develops a storefront for your brand and products based on that direction.
Choose a design from images
Browse the desktop and mobile screens in the real example gallery. Select an image to inspect the home, product list and product detail screens. Pick an example and tell your agent what you like about its image placement, spacing, typography or colors. You can also start with your own reference images.
Start with shop-setup. I like the large images and generous spacing in the YUNSEUL example. Build the home, product list and product detail pages around that direction for my brand and products.
Develop the chosen design
shop-setup uses the selected images to adapt Shop Template's existing home, product list and product detail pages. It applies the design to your brand and products while retaining the existing shopping features, including the cart and orders.
Review and refine the developed screens in Storybook and desktop/mobile previews.
shop-setup skill source