PicSel analyzes product pages across major Korean e-commerce platforms and recommends the most cost-efficient payment method based on card benefits, discounts, and dynamic conditions.
- Automatic extraction of price, discounts, and card benefits from supported merchants
- Payment optimization engine with card-specific rules
- Real-time recalculation on DOM updates
- Persistent state with
chrome.storage.local+ Zustand - Optional backend for multi-merchant price comparison
- OKLCH-based dark theme
| Merchant | Parser | Notes |
|---|---|---|
| Coupang | CoupangParser |
Price, card benefits, Rocket Delivery |
| 11Street | ElevenStreetParser |
Price, discounts, points, installment |
| Gmarket | GmarketParser |
Price, SmileCash, partner card |
| eBay | EbayParser |
Price, shipping (EN) |
| Amazon | AmazonParser |
Prime benefits, shipping (EN) |
git clone https://github.com/ImportTeam/extension.git
cd extension
pnpm install
pnpm dev
pnpm buildTo load the extension:
- Go to
chrome://extensions - Enable Developer Mode
- Select Load unpacked
- Choose the
dist/directory
src/
background/ // Service Worker (MV3)
content/ // Content scripts + parsers + injected UI
popup/ // Main extension popup
subpopup/ // Advanced settings UI
shared/ // Shared types, utils, hooks, store
tests/ // Vitest
docs/ // Architecture, parser guide, QA
manifest.json
- TypeScript 5.9 (strict)
- React 19
- Vite 7
- Zustand 5
- Zod 4
- Vitest 4
- ESLint + Prettier
pnpm dev
pnpm build
pnpm preview
pnpm test
pnpm test:coverage
pnpm lint
pnpm type-check- Strict TypeScript (no
any) - Runtime validation with Zod
- Network timeouts on all API calls
- No dangerous HTML injection
- Manifest V3 CSP compliance
- Fork the repository
- Create a branch
- Commit using Conventional Commits
- Submit a PR
MIT License. See LICENSE for details.