Shopify AI Store Builder
Analyze your competitors. Build something better.
Total Features
33
Done
0
In Progress
0
UI Screens
20
📋 Overview
A platform where anyone can create a professional online store by analyzing their competitors and building better — without ever touching Shopify.
Target Market
- • Etsy sellers wanting their own website
- • Instagram/TikTok sellers going legit
- • Side hustlers launching first store
- • Small business owners who find Shopify overwhelming
Tech Stack
- frontend: Next.js 14, Tailwind, Shadcn
- backend: Supabase (PostgreSQL), Redis
- ai: Claude API (analysis, descriptions)
- payments: Stripe Connect
- shipping: EasyPost
- ecommerce: Shopify (hidden)
- hosting: Cloudflare Pages
Pricing
starter
$29/mo
100 products
growth
$49/mo
unlimited
pro
$99/mo
unlimited
✓ 0% transaction fees
Core Differentiator
Competitor analysis as starting point — no one else does this
🚀 Current Progress
Current Focus:Building internal project dashboard
Latest Update (2026-02-20)
Created full product plan (V2), refined to competitor-first approach (V3), made key decisions on positioning and pricing.
- ✓ Created PRODUCT_PLAN_V2.md - full technical plan
- ✓ Created PRODUCT_PLAN_V3.md - competitor-first approach
- ✓ Decided on competitor analysis as core differentiator
- ✓ Finalized pricing at $29/49/99 with 0% transaction fees
- ✓ Started building internal project dashboard
Next Up
- → Complete dashboard site
- → Deploy to Cloudflare Pages
- → Pick product name and domain
- → Create landing page for validation
🖥️ UI Screens & Mockups
Onboarding Flow
Welcome / Basic Info
plannedStore name, niche selection, logo upload
┌─────────────────────────────────────┐ │ Let's set up your store │ │ │ │ Store name: │ │ ┌─────────────────────────────┐ │ │ │ Luna Jewelry │ │ │ └─────────────────────────────┘ │ │ │ │ What do you sell? │ │ ┌─────────────────────────────┐ │ │ │ Jewelry & Accessories ▼ │ │ │ └─────────────────────────────┘ │ │ │ │ Upload logo (optional): │ │ ┌─────────────────────────────┐ │ │ │ [Drag & drop here] │ │ │ └─────────────────────────────┘ │ │ │ │ [Continue →] │ └─────────────────────────────────────┘
text inputdropdownfile uploadcontinue button
Competitor URLs
plannedEnter 2-3 competitor website URLs
┌─────────────────────────────────────┐ │ Who are your competitors? │ │ │ │ Competitor 1: │ │ ┌─────────────────────────────┐ │ │ │ https://mejuri.com │ │ │ └─────────────────────────────┘ │ │ │ │ Competitor 2: │ │ ┌─────────────────────────────┐ │ │ │ https://catbirdnyc.com │ │ │ └─────────────────────────────┘ │ │ │ │ Competitor 3 (optional): │ │ ┌─────────────────────────────┐ │ │ │ https:// │ │ │ └─────────────────────────────┘ │ │ │ │ [← Back] [Analyze These →] │ └─────────────────────────────────────┘
URL inputs x3analyze buttonskip option
Analysis Loading
plannedLoading screen while AI analyzes competitors
┌─────────────────────────────────────┐ │ │ │ 🔍 Analyzing... │ │ │ │ ████████████░░░░░░░░ 60% │ │ │ │ ✓ Capturing mejuri.com │ │ ✓ Extracting colors & fonts │ │ → Analyzing layout │ │ ○ Identifying opportunities │ │ ○ Capturing catbirdnyc.com │ │ │ │ Usually takes 30-60 seconds │ │ │ └─────────────────────────────────────┘
progress indicatorstatus messages
Analysis Results
plannedShow competitor screenshots, strengths, gaps
┌─────────────────────────────────────┐ │ Here's what we found │ │ │ │ MEJURI.COM │ │ ┌─────────────────────────────┐ │ │ │ [Screenshot preview] │ │ │ └─────────────────────────────┘ │ │ Colors: ■ ■ ■ ■ │ │ Fonts: Playfair Display │ │ │ │ ✓ Clean, minimal design │ │ ✓ Large product photos │ │ ✗ No trust badges │ │ ✗ Reviews buried │ │ │ │ 🎯 YOUR OPPORTUNITIES │ │ • Add trust badges │ │ • Show reviews on homepage │ │ │ │ [← Back] [Build My Store →] │ └─────────────────────────────────────┘
competitor cardsscreenshot previewsstrengths listgaps listcontinue button
Component Builder Flow
Header Selection
plannedChoose header style with competitor reference
┌─────────────────────────────────────┐ │ HEADER Step 1/8 │ │ │ │ Competitors use: Logo left, minimal│ │ │ │ Choose your style: │ │ ┌───────┐ ┌───────┐ ┌───────┐ │ │ │LOGO ☰ │ │ LOGO │ │ ☰LOGO │ │ │ │Classic│ │Center │ │Mobile │ │ │ └───────┘ └───────┘ └───────┘ │ │ [✓] [ ] [ ] │ │ │ │ Options: │ │ ☑ Announcement bar │ │ ☑ Sticky header │ │ ☐ Search in header │ │ │ │ [← Back] [Next →] │ └─────────────────────────────────────┘
competitor referencestyle options x3checkboxes for featurespreviewnav buttons
Hero Section
plannedChoose hero style and content
┌─────────────────────────────────────┐ │ HERO SECTION Step 2/8 │ │ │ │ Competitors: Mejuri uses video │ │ ⚠️ Video slows load time by 3x │ │ │ │ Choose your style: │ │ ┌───────┐ ┌───────┐ ┌───────┐ │ │ │ IMAGE │ │IMG TXT│ │SLIDER │ │ │ │ +TEXT │ │ SPLIT │ │ │ │ │ └───────┘ └───────┘ └───────┘ │ │ [✓] [ ] [ ] │ │ │ │ Headline: [Your text here____] │ │ Button: [Shop Now__________] │ │ Image: [Upload hero image] │ │ │ │ [← Back] [Next →] │ └─────────────────────────────────────┘
competitor referencestyle options x4content inputsimage uploadpreviewnav buttons
Product Display
plannedChoose grid layout and card style
┌─────────────────────────────────────┐ │ PRODUCT DISPLAY Step 3/8 │ │ │ │ Competitors: 3-col grid, hover fx │ │ │ │ Grid layout: │ │ ┌─────┐ ┌─────┐ ┌─────┐ │ │ │ □□ │ │ □□□ │ │□□□□ │ │ │ │2-col│ │3-col│ │4-col│ │ │ └─────┘ └─────┘ └─────┘ │ │ [ ] [✓] [ ] │ │ │ │ Card style: │ │ ┌─────┐ ┌─────┐ ┌─────┐ │ │ │Mini │ │Boxed│ │Hover│ │ │ └─────┘ └─────┘ └─────┘ │ │ │ │ [← Back] [Next →] │ └─────────────────────────────────────┘
competitor referencegrid optionscard style optionsfeature checkboxespreviewnav buttons
Social Proof
plannedTrust badges, reviews, numbers
┌─────────────────────────────────────┐ │ SOCIAL PROOF Step 4/8 │ │ │ │ 🎯 OPPORTUNITY! │ │ Neither competitor has trust │ │ badges - this is your advantage! │ │ │ │ Add trust elements: │ │ │ │ ☑ Trust badges bar │ │ "Free Shipping" | "30-Day Returns"│ │ │ │ ☑ Customer reviews section │ │ ⭐⭐⭐⭐⭐ "Beautiful!" │ │ │ │ ☐ Numbers that impress │ │ "10,000+ Happy Customers" │ │ │ │ [← Back] [Next →] │ └─────────────────────────────────────┘
opportunity callouttrust badge optionsreview section togglenumbers sectionpreviewnav buttons
Brand Story
plannedAbout section with personal touch
┌─────────────────────────────────────┐ │ YOUR STORY Step 5/8 │ │ │ │ Competitors: Generic about pages │ │ 💡 Personal stories convert 45% │ │ better than generic! │ │ │ │ Layout: │ │ ┌─────────┐ ┌─────────┐ │ │ │IMG│TEXT │ │ TEXT │ │ │ │ │ │ │ IMAGE │ │ │ └─────────┘ └─────────┘ │ │ [✓] [ ] │ │ │ │ Headline: [Our Story_________] │ │ Text: [I started Luna Jewelry...] │ │ Image: [Upload personal photo] │ │ │ │ [← Back] [Next →] │ └─────────────────────────────────────┘
competitor referencelayout optionstext inputsimage uploadpreviewnav buttons
Footer
plannedFooter style and content
┌─────────────────────────────────────┐ │ FOOTER Step 6/8 │ │ │ │ Choose footer style: │ │ ┌─────────┐ ┌─────────┐ │ │ │Links │ │Newsletter│ │ │ │Simple │ │+ Links │ │ │ └─────────┘ └─────────┘ │ │ [ ] [✓] │ │ │ │ Include: │ │ ☑ Newsletter signup │ │ ☑ Social media links │ │ ☑ Payment icons │ │ ☑ Quick links (FAQ, Shipping) │ │ │ │ [← Back] [Next →] │ └─────────────────────────────────────┘
style optionscontent checkboxespreviewnav buttons
Colors & Typography
plannedColor palette and font selection
┌─────────────────────────────────────┐ │ COLORS & FONTS Step 7/8 │ │ │ │ Competitor palette: │ │ [■ Black] [■ White] [■ Gold] │ │ │ │ Your palette: │ │ ○ Similar (proven) │ │ ● Stand out (different) │ │ ○ Custom │ │ │ │ AI suggests: Navy + Rose Gold │ │ [■ Navy] [■ White] [■ Rose] │ │ │ │ Fonts: │ │ Headings: [Cormorant Garamond ▼] │ │ Body: [Inter ▼] │ │ │ │ [← Back] [Next →] │ └─────────────────────────────────────┘
competitor palettespalette suggestionscolor pickersfont dropdownslive previewnav buttons
Final Review
plannedFull preview + how you beat them
┌─────────────────────────────────────┐ │ REVIEW YOUR STORE Step 8/8 │ │ │ │ ┌─────────────────────────────┐ │ │ │ │ │ │ │ [LIVE STORE PREVIEW] │ │ │ │ │ │ │ └─────────────────────────────┘ │ │ [Desktop] [Tablet] [Mobile] │ │ │ │ 🏆 HOW YOU BEAT THEM: │ │ ✓ Faster loading │ │ ✓ Trust badges (they don't have) │ │ ✓ Reviews visible │ │ ✓ Personal story │ │ ✓ Unique colors │ │ │ │ [← Edit] [🚀 Launch Store] │ └─────────────────────────────────────┘
full store previewbeat them checklistcomponent summaryedit buttonlaunch button
Launch Flow
Generating Store
plannedLoading screen while store is created
┌─────────────────────────────────────┐ │ │ │ 🚀 Launching... │ │ │ │ ████████████████░░░░ 80% │ │ │ │ ✓ Creating your store │ │ ✓ Generating theme │ │ ✓ Setting up payments │ │ → Deploying to web │ │ ○ Final checks │ │ │ │ Almost there... │ │ │ └─────────────────────────────────────┘
progress indicatorstatus messages
Store Live
plannedCelebration + next steps
┌─────────────────────────────────────┐ │ │ │ 🎉 You're Live! │ │ │ │ luna-jewelry.ourplatform.com │ │ [Copy Link] [Visit Store →] │ │ │ │ ┌─────────────────────────────┐ │ │ │ [Store Screenshot] │ │ │ └─────────────────────────────┘ │ │ │ │ NEXT STEPS: │ │ ┌─────┐ ┌─────┐ ┌─────┐ │ │ │ 📦 │ │ 💳 │ │ 📤 │ │ │ │ Add │ │Paymnt│ │Share│ │ │ │Prods│ │Setup │ │Store│ │ │ └─────┘ └─────┘ └─────┘ │ │ │ │ [Go to Dashboard →] │ └─────────────────────────────────────┘
celebration animationstore URLpreviewnext steps cardsgo to dashboard button
Dashboard
Overview
plannedStats, recent orders, top products
┌────────┬────────────────────────────┐ │ │ LUNA JEWELRY [View Store]│ │Overview│ │ │────────│ ┌──────┐ ┌──────┐ ┌──────┐ │ │Products│ │$1,247│ │ 23 │ │ 156 │ │ │Orders │ │Month │ │Orders│ │Visit │ │ │Earnings│ └──────┘ └──────┘ └──────┘ │ │Design │ │ │Settings│ 📦 RECENT ORDERS │ │ │ ┌─────────────────────────┐│ │ │ │#1042 Sarah $45 NEW ││ │ │ │#1041 John $89 Shipped ││ │ │ │#1040 Emma $120 Done ││ │ │ └─────────────────────────┘│ │ │ │ │ │ 📊 TOP PRODUCTS │ │ │ 1. Gold Hoops (34 sold) │ │ │ 2. Silver Chain (28 sold) │ └────────┴────────────────────────────┘
stat cardsorders listproducts listquick actions
Products
plannedProduct list and add/edit
┌────────┬────────────────────────────┐ │ │ Products [+ Add Product]│ │Overview│ │ │────────│ [Search...] [Filter ▼] │ │Products│ │ │────────│ ┌─────────────────────────┐│ │Orders │ │[IMG] Gold Hoops $45 ││ │Earnings│ │ 34 sold • 12 stock ││ │Design │ ├─────────────────────────┤│ │Settings│ │[IMG] Silver Chain $89 ││ │ │ │ 28 sold • 8 stock ││ │ │ ├─────────────────────────┤│ │ │ │[IMG] Pearl Ring $120 ││ │ │ │ 19 sold • 5 stock ││ │ │ └─────────────────────────┘│ │ │ │ │ │ Showing 3 of 24 [Load More] │ └────────┴────────────────────────────┘
product grid/listadd buttonsearch/filterproduct modal
Orders
plannedOrder list and management
┌────────┬────────────────────────────┐ │ │ Orders │ │Overview│ │ │Products│ [All] [New 3] [Shipped] │ │────────│ │ │Orders │ ┌─────────────────────────┐│ │────────│ │#1042 NEW 🔴││ │Earnings│ │Sarah Mitchell ││ │Design │ │123 Main St, Austin TX ││ │Settings│ │Gold Hoops × 1 $45.00 ││ │ │ │[Mark Shipped] [Details] ││ │ │ └─────────────────────────┘│ │ │ ┌─────────────────────────┐│ │ │ │#1041 SHIPPED ✓ ││ │ │ │John Davis ││ │ │ │Tracking: 1Z999AA1... ││ │ │ │Silver Chain × 1 $89.00 ││ │ │ └─────────────────────────┘│ └────────┴────────────────────────────┘
order liststatus filtersorder detail modalship button
Earnings
plannedBalance, transactions, payouts
┌────────┬────────────────────────────┐ │ │ Earnings │ │Overview│ │ │Products│ ┌─────────────────────────┐│ │Orders │ │ AVAILABLE BALANCE ││ │────────│ │ ││ │Earnings│ │ $1,247.00 [Withdraw] ││ │────────│ │ ││ │Design │ │ Pending: $145.00 ││ │Settings│ │ Next payout: Friday ││ │ │ └─────────────────────────┘│ │ │ │ │ │ RECENT TRANSACTIONS │ │ │ Feb 19 • #1042 • +$45.00 │ │ │ Feb 18 • #1041 • +$89.00 │ │ │ Feb 17 • Payout • -$892 │ │ │ Feb 15 • #1040 • +$120.00 │ │ │ │ └────────┴────────────────────────────┘
balance cardtransaction listwithdraw buttonpayout history
Design
plannedFull design customization
┌────────┬────────────────────────────┐ │ │ Design [Desktop ▼] │ │Overview│ │ │Products│ ┌─────────────────────────┐│ │Orders │ │ [LIVE PREVIEW] ││ │Earnings│ │ ││ │────────│ └─────────────────────────┘│ │Design │ │ │────────│ SECTIONS (drag to reorder) │ │Settings│ ⋮⋮ Announcement [Edit][Hide]│ │ │ ⋮⋮ Header [Edit] │ │ │ ⋮⋮ Hero [Edit][Hide] │ │ │ ⋮⋮ Products [Edit][Hide] │ │ │ ⋮⋮ Trust [Edit][Hide] │ │ │ ⋮⋮ Story [Edit][Hide] │ │ │ [+ Add Section] │ │ │ │ │ │ Colors: [■][■][■] Fonts: ▼ │ └────────┴────────────────────────────┘
live previewsection listsection editorscolor/font settingssave button
Settings
plannedStore, payments, shipping settings
┌────────┬────────────────────────────┐ │ │ Settings │ │Overview│ │ │Products│ STORE │ │Orders │ Name: [Luna Jewelry______] │ │Earnings│ URL: luna-jewelry.platform │ │Design │ Domain: [Connect custom →] │ │────────│ │ │Settings│ PAYMENTS │ │────────│ Stripe: Connected ✓ [Manage]│ │ │ PayPal: Connected ✓ [Manage]│ │ │ │ │ │ SHIPPING │ │ │ Ship from: [Austin, TX___] │ │ │ US: $5 flat / Free over $50 │ │ │ International: $15 flat │ │ │ │ │ │ NOTIFICATIONS │ │ │ Email: owner@email.com │ │ │ SMS: +1 555 123 4567 │ └────────┴────────────────────────────┘
settings sectionsform inputsconnection statussave button
✨ Features
Onboarding
Basic info collection
Store name, niche, logo upload
HIGHplanned
Competitor URL input
User enters 2-3 competitor URLs
HIGHplanned
Screenshot capture
Puppeteer captures competitor homepages
HIGHplanned
AI analysis
Claude Vision analyzes layout, colors, fonts, gaps
HIGHplanned
Analysis results display
Show what competitors do well and what they miss
HIGHplanned
Component Builder
Header selection
Choose header style with competitor reference
HIGHplanned
Hero section selection
Choose hero style (image, video, split, slider)
HIGHplanned
Product grid selection
Choose layout and card style
HIGHplanned
Social proof section
Trust badges, reviews, numbers
HIGHplanned
Brand story section
About/story with personal touch
planned
Footer selection
Newsletter, links, social
planned
Colors & typography
Palette and font selection with competitor reference
HIGHplanned
Final review
How you beat them summary
HIGHplanned
Store Generation
Shopify store creation
Create store via Shopify Partners API
HIGHplanned
Theme generation
Generate custom theme from selections
HIGHplanned
Theme deployment
Deploy theme to Shopify store
HIGHplanned
Subdomain setup
storename.ourplatform.com
HIGHplanned
Dashboard
Overview stats
Revenue, orders, visitors
HIGHplanned
Products CRUD
Add, edit, delete products
HIGHplanned
Orders management
View orders, mark shipped
HIGHplanned
Earnings & payouts
Balance, withdraw to bank
HIGHplanned
Customers list
View customer info
planned
Design editor
Full component customization
planned
Analytics
Simple visitor and sales stats
planned
Settings
Payments, shipping, domain
HIGHplanned
Integrations
Stripe Connect
Payment processing + payouts
HIGHplanned
PayPal Commerce
Alternative payment method
planned
EasyPost shipping
Rates, labels, tracking
planned
Email notifications
Order confirmations, shipping updates
HIGHplanned
Custom domain
Connect user's own domain
planned
Auth & Billing
User authentication
Signup, login, password reset
HIGHplanned
Subscription billing
Stripe billing for plans
HIGHplanned
Plan management
Upgrade, downgrade, cancel
HIGHplanned
📅 Timeline
Phase 1: MVP
Weeks 1-4 • Working product that creates real Shopify stores
Week 1: Foundation
- ○Project setup (Next.js, Supabase, Auth)
- ○Shopify Partners account setup
- ○Basic Shopify API integration
- ○Database schema implementation
Week 2: Competitor Analysis
- ○Puppeteer screenshot capture
- ○Color extraction from screenshots
- ○Claude Vision integration
- ○Analysis results UI
Week 3: Component Builder
- ○Component selection screens (1-4)
- ○Component selection screens (5-8)
- ○Preview functionality
- ○Selection state management
Week 4: Store Generation
- ○Theme template system
- ○Shopify store creation API
- ○Theme deployment
- ○Basic dashboard (view store)
Phase 2: Polish
Weeks 5-8 • Delightful experience, ready for paid users
Week 5: Design System
- ○5 complete theme presets
- ○Theme switching in dashboard
- ○Logo upload and placement
- ○Color customization
Week 6: Dashboard Core
- ○Products CRUD
- ○Orders management
- ○Customer list
- ○Basic analytics
Week 7: Integrations
- ○Stripe Connect setup
- ○Payout management
- ○EasyPost shipping
- ○Email notifications
Week 8: Billing & Domains
- ○Stripe subscription billing
- ○Plan management UI
- ○Custom domain connection
- ○Mobile responsive polish
Phase 3: Launch
Weeks 9-12 • Public launch, first paying customers
Week 9: Marketing Site
- ○Landing page design
- ○SEO setup
- ○Help center / docs
- ○Support chat integration
Week 10: Beta Testing
- ○Invite 50-100 beta users
- ○Feedback collection
- ○Bug fixes
- ○Performance optimization
Week 11: Launch Prep
- ○ProductHunt preparation
- ○Social media content
- ○Demo videos
- ○Press kit
Week 12: Launch
- ○Public launch
- ○ProductHunt launch
- ○Social announcements
- ○Monitor and respond
📝 Decisions Log
Competitor analysis as core differentiator
2026-02-20final
Discussed whether to use templates or competitor analysis approach
Decision:
Keep competitor analysis - it's our unique angle that no one else does
Without competitor analysis, we become 'another store builder'. The strategic framing justifies premium pricing and creates defensible positioning.
Alternatives considered: Pure component picker, Style quiz, Template packs
Component-by-component building flow
2026-02-20final
How should users design their store?
Decision:
8-step component builder with competitor reference at each step
Component-by-component gives users ownership - they make strategic decisions. Feels like 'I built this' not 'I picked this'.
Alternatives considered: All-at-once editor, AI auto-generate everything, Template then customize
Shopify as hidden infrastructure
2026-02-20final
Which e-commerce platform to use as backend?
Decision:
Shopify via Partners API - user never sees or logs into Shopify
Shopify is battle-tested, scales infinitely, has best payment/shipping integrations. Users get Shopify power without Shopify complexity.
Alternatives considered: WooCommerce, Custom built, BigCommerce, Medusa
Pricing structure
2026-02-20final
How to price the product?
Decision:
$29/49/99 tiers with 0% transaction fees
0% transaction fees is differentiator vs Shopify (2%). Premium pricing justified by competitor analysis value. Free trial instead of freemium.
Alternatives considered: Lower pricing $9/19/39, Transaction fee model, Freemium
Target market
2026-02-20final
Who is this for?
Decision:
English-only, global (US/UK/Canada/Australia/EU), non-technical small sellers
Higher CPM markets, simpler to support one language, clear target (Etsy/Instagram sellers who find Shopify overwhelming).
Alternatives considered: US only, Multi-language, Technical users
Build internal dashboard first
2026-02-20final
What to build first?
Decision:
Create project management dashboard before product MVP
Prince needs visibility into progress, structure, and decisions. Custom dashboard auto-updates from markdown files.
Alternatives considered: Jump straight to MVP, Use Notion/Linear, Markdown only