Agent skill

Ecommerce UX

E-commerce UX patterns for Mobazha decentralized marketplace including search experience, product browsing, cart interactions, checkout flow, order tracking, and review system.

MPL-2.0Auto-check passedSales & Support

Install Ecommerce UX

skills CLI

$ npx skills add mobazha/mobazha-unified --skill ecommerce-ux -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI

$ gh skill install mobazha/mobazha-unified ecommerce-ux --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy

$ git clone --depth 1 https://github.com/mobazha/mobazha-unified.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.cursor/skills/ecommerce-ux .claude/skills/ecommerce-ux && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Paste into Claude Code

Install the "ecommerce-ux" agent skill from https://github.com/mobazha/mobazha-unified/tree/main/.cursor/skills/ecommerce-ux into .claude/skills/ecommerce-ux/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ecommerce-ux", then confirm the skill loads.

Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

$skill-installer

$skill-installer install https://github.com/mobazha/mobazha-unified/tree/main/.cursor/skills/ecommerce-ux

Type this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.

skills CLI

$ npx skills add mobazha/mobazha-unified --skill ecommerce-ux -a codex

Project install goes to .agents/skills/; add -g for ~/.codex/skills/.

GitHub CLI

$ gh skill install mobazha/mobazha-unified ecommerce-ux --agent codex

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/mobazha/mobazha-unified.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.cursor/skills/ecommerce-ux .agents/skills/ecommerce-ux && rm -rf skills-src

Use ~/.agents/skills/ instead of .agents/skills for a personal install.

Codex skills documentation · loads skills from .agents/skills/

Paste into Codex

Install the "ecommerce-ux" agent skill from https://github.com/mobazha/mobazha-unified/tree/main/.cursor/skills/ecommerce-ux into .agents/skills/ecommerce-ux/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ecommerce-ux", then confirm the skill loads.

Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add mobazha/mobazha-unified --skill ecommerce-ux -a cursor

Project install goes to .agents/skills/; add -g for ~/.cursor/skills/.

GitHub CLI

$ gh skill install mobazha/mobazha-unified ecommerce-ux --agent cursor

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/mobazha/mobazha-unified.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.cursor/skills/ecommerce-ux .cursor/skills/ecommerce-ux && rm -rf skills-src

Use ~/.cursor/skills/ instead of .cursor/skills for a personal install.

Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/

Paste into Cursor

Install the "ecommerce-ux" agent skill from https://github.com/mobazha/mobazha-unified/tree/main/.cursor/skills/ecommerce-ux into .cursor/skills/ecommerce-ux/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ecommerce-ux", then confirm the skill loads.

Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

gemini skills install

$ gemini skills install https://github.com/mobazha/mobazha-unified.git --path .cursor/skills/ecommerce-ux

--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.

skills CLI

$ npx skills add mobazha/mobazha-unified --skill ecommerce-ux -a gemini-cli

Project install goes to .agents/skills/; add -g for ~/.gemini/skills/.

GitHub CLI

$ gh skill install mobazha/mobazha-unified ecommerce-ux --agent gemini-cli

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/mobazha/mobazha-unified.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.cursor/skills/ecommerce-ux .gemini/skills/ecommerce-ux && rm -rf skills-src

Use ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.

Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/

Paste into Gemini CLI

Install the "ecommerce-ux" agent skill from https://github.com/mobazha/mobazha-unified/tree/main/.cursor/skills/ecommerce-ux into .gemini/skills/ecommerce-ux/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ecommerce-ux", then confirm the skill loads.

Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

GitHub CLI

$ gh skill install mobazha/mobazha-unified ecommerce-ux

Installs for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).

skills CLI

$ npx skills add mobazha/mobazha-unified --skill ecommerce-ux -a github-copilot

Project install goes to .agents/skills/; add -g for ~/.copilot/skills/.

Manual copy

$ git clone --depth 1 https://github.com/mobazha/mobazha-unified.git skills-src && mkdir -p .github/skills && cp -r skills-src/.cursor/skills/ecommerce-ux .github/skills/ecommerce-ux && rm -rf skills-src

Use ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.

GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/

Paste into GitHub Copilot

Install the "ecommerce-ux" agent skill from https://github.com/mobazha/mobazha-unified/tree/main/.cursor/skills/ecommerce-ux into .github/skills/ecommerce-ux/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ecommerce-ux", then confirm the skill loads.

GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add mobazha/mobazha-unified --skill ecommerce-ux -a opencode

OpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.

GitHub CLI

$ gh skill install mobazha/mobazha-unified ecommerce-ux --agent opencode

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/mobazha/mobazha-unified.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.cursor/skills/ecommerce-ux .opencode/skills/ecommerce-ux && rm -rf skills-src

Use ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.

OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/

Paste into OpenCode

Install the "ecommerce-ux" agent skill from https://github.com/mobazha/mobazha-unified/tree/main/.cursor/skills/ecommerce-ux into .opencode/skills/ecommerce-ux/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ecommerce-ux", then confirm the skill loads.

OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

Facts

Skill name: ecommerce-ux
GitHub stars: 165
Token cost: ~1.5k tokens
SKILL.md length: 204 words
Files: 1
Skills in repo: 29
Repo updated: Oct 3, 2026
First seen: Oct 7, 2026
Licence: MPL-2.0

At a glance

E-commerce UX patterns for Mobazha decentralized marketplace including search experience, product browsing, cart interactions, checkout flow, order tracking, and review system.

Building shopping features
SKILL.md covers 一、搜索体验, 二、商品浏览, 三、购物车体验 and 四、结账流程, plus 4 more sections
Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
Tasks that involve E-commerce operations

What it does

Ecommerce UX is an agent skill from mobazha/mobazha-unified. E-commerce UX patterns for Mobazha decentralized marketplace including search experience, product browsing, cart interactions, checkout flow, order tracking, and review system. Use when building shopping features, checkout flows, or product pages, "电商", "购物", "搜索", "商品", "购物车", "结账", "订单跟踪", "评价".

Its SKILL.md is about 1.5k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in Sales & Support, covering E-commerce operations. The repository describes itself as: Open-source commerce frontend for storefronts, marketplaces, checkout, and seller management. The licence is MPL-2.0.

When your agent uses it

Building shopping features
Tasks that involve E-commerce operations

Example prompts

“/ecommerce-ux”

What it can do on your machine

Read from SKILL.md and the folder at commit 156c699. It shows what the files ask for, not the result of running them.

Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md (its code samples are typescript).
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Ecommerce UX loads about 1.5k tokens when it runs. Until then it costs about 78 tokens; SKILL.md has 204 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it: ~78
When it runs · the whole SKILL.md, loaded when a task matches: ~1.5k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from mobazha/mobazha-unified at commit 156c699, republished under its MPL-2.0 licence (© mobazha). 204 words, ~1,516 tokens.

Download SKILL.mdSave it as .claude/skills/ecommerce-ux/SKILL.md (or your agent's skills folder).

name: ecommerce-ux
description: E-commerce UX patterns for Mobazha decentralized marketplace including search experience, product browsing, cart interactions, checkout flow, order tracking, and review system. Use when building shopping features, checkout flows, or product pages, "电商", "购物", "搜索", "商品", "购物车", "结账", "订单跟踪", "评价".

电商 UX 模式

Mobazha 去中心化市场的核心购物体验规范。

一、搜索体验

搜索输入

tsx

// 即时搜索：输入 debounce 300ms 后自动搜索
<SearchInput
  placeholder={t('search.placeholder')}
  inputMode="search"
  enterKeyHint="search"
  aria-label={t('search.label')}
/>

搜索结果 UX

状态	展示
输入中（< 2字符）	最近搜索 + 热门搜索
搜索中	骨架屏（ProductGridSkeleton）
有结果	商品网格 + 结果数量 + 筛选/排序
无结果	NoSearchResults 空状态 + 搜索建议
错误	LoadError + 重试按钮

筛选面板

移动端：底部 Sheet（FilterSheet，高度 85vh）
桌面端：侧边栏或 Popover
筛选变化后即时刷新结果
显示已激活筛选数量的 badge

排序

常用排序选项：

相关性（默认）
价格低→高 / 高→低
最新上架
评价最高

二、商品浏览

商品卡片（ProductCard）

元素	移动端	桌面端
布局	2 列网格	4-5 列网格
图片	1:1 比例	1:1 比例
标题	最多 2 行截断	最多 2 行截断
价格	`text-primary font-semibold`	同左
店铺头像	隐藏（compact）	显示
Hover	`active:scale-[0.98]`	`hover:shadow-lg hover:-translate-y-0.5`

商品详情页

图片画廊：

主图大图展示（1:1 或 4:3）
缩略图列表可滚动
移动端：左右滑动切换 + 指示点
桌面端：点击缩略图切换 + 悬停缩放

价格展示：

tsx

// 标准价格
<span className="text-primary text-lg font-semibold">
  {formatPrice(price, currency)}
</span>

// 配对价格（加密货币 + 法币）
<div>
  <span className="text-primary font-semibold">{cryptoPrice}</span>
  <span className="text-muted-foreground text-sm ml-1">({fiatPrice})</span>
</div>

关键操作区：

移动端：固定底栏（ProductBottomBar）包含"加入购物车"和"立即购买"
桌面端：右侧固定区域

变体选择器

tsx

// 颜色/尺寸等变体
<div className="flex flex-wrap gap-2">
  {variants.map(v => (
    <button
      key={v.id}
      className={cn(
        'px-3 py-1.5 rounded-lg border text-sm transition-colors',
        selected === v.id
          ? 'border-primary bg-primary/10 text-primary'
          : 'border-border hover:border-primary/50'
      )}
    >
      {v.label}
    </button>
  ))}
</div>

三、购物车体验

添加到购物车

操作后显示 success toast
底部导航的购物车图标 badge 数字更新
可选：商品飞入购物车的微动画

购物车页面

功能	实现
数量调整	加减按钮，最小触摸目标 44px
删除商品	滑动删除（移动端）或 hover 显示删除按钮（桌面端）
小计	实时计算，使用 BigNumber
跨店商品	按店铺分组显示
空购物车	EmptyCart 空状态 + 去逛逛按钮

价格展示一致性

所有价格使用 useCurrency() hook 格式化
加密货币显示精度：遵循 currencyService 配置
法币配对价格紧跟加密货币价格

四、结账流程

步骤指示器

地址选择 → 支付方式 → 确认订单 → 支付

tsx

<div className="flex items-center justify-between">
  {steps.map((step, i) => (
    <div key={step.id} className="flex items-center">
      <div
        className={cn(
          'w-8 h-8 rounded-full flex items-center justify-center text-sm',
          i <= currentStep ? 'bg-primary text-primary-foreground' : 'bg-muted text-muted-foreground'
        )}
      >
        {i < currentStep ? <Check className="w-4 h-4" /> : i + 1}
      </div>
      {i < steps.length - 1 && (
        <div className={cn('h-0.5 w-8 mx-2', i < currentStep ? 'bg-primary' : 'bg-muted')} />
      )}
    </div>
  ))}
</div>

地址选择

已保存地址列表可快速选择
"新增地址"打开 AddressFormModal
默认地址自动预选

支付确认

明确显示总金额（加密货币 + 法币等价）
显示 Escrow 说明（买家保护）
仲裁员信息可查看
移动端：固定底栏显示"确认支付"按钮

错误恢复

错误场景	处理
网络断线	保留表单数据，提示重试
余额不足	显示所需金额，引导充值
钱包未连接	引导连接钱包
交易失败	显示错误原因 + 重试按钮

五、订单跟踪

状态时间线

tsx

<div className="space-y-4">
  {timeline.map((event, i) => (
    <div key={i} className="flex gap-3">
      <div className="flex flex-col items-center">
        <div className={cn('w-3 h-3 rounded-full', event.completed ? 'bg-primary' : 'bg-muted')} />
        {i < timeline.length - 1 && (
          <div className={cn('w-0.5 flex-1 mt-1', event.completed ? 'bg-primary' : 'bg-muted')} />
        )}
      </div>
      <div className="pb-4">
        <p className="text-sm font-medium">{event.title}</p>
        <p className="text-xs text-muted-foreground">{event.time}</p>
      </div>
    </div>
  ))}
</div>

Escrow 状态可视化

状态	图标	颜色	说明
Funded	🔒	`text-info`	资金已锁定
Released	✅	`text-success`	资金已释放给卖家
Refunded	↩️	`text-warning`	已退款给买家
Disputed	⚠️	`text-destructive`	争议处理中

六、评价系统

星级评分展示

tsx

// 只读展示
<div className="flex items-center gap-1">
  {[1, 2, 3, 4, 5].map(star => (
    <Star
      key={star}
      className={cn(
        'w-4 h-4',
        star <= rating ? 'fill-amber-500 text-amber-500' : 'text-muted-foreground/30'
      )}
    />
  ))}
  <span className="text-sm text-muted-foreground ml-1">({reviewCount})</span>
</div>

评价列表

按时间倒序（默认）或评分排序
显示买家头像、名称、评分、评论内容、时间
长评论展开/收起

快速检查清单

搜索输入是否有 debounce（300ms）？
空搜索结果是否有引导操作？
商品价格是否使用 useCurrency() 格式化？
购物车数量调整是否有 44px 触摸目标？
结账流程是否有步骤指示？
支付错误是否有明确的恢复路径？
订单状态是否有时间线展示？
移动端关键操作是否在底部固定栏？

Files

Just SKILL.md in .cursor/skills/ecommerce-ux of mobazha/mobazha-unified.

Open the folder on GitHubat commit 156c699

Compare with similar skills

Ecommerce UX next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Ecommerce UX compared with similar skills
Skill	Stars	Used in	Tokens	Auto-check	Licence	Repo updated
Ecommerce UX this skillmobazha/mobazha-unified	165	—	~1.5k	Automated safety check: Pass	MPL-2.0	5 days ago
Amazon Buy Box Monitorbrowser-act/skills	6.1k	1 repos	~1.6k	Automated safety check: Pass	MIT	1 mo ago
Tourmind Bookingtourmind-com/Tourmind-Booking-Skills	1.7k	—	~13k	Automated safety check: Pass	MIT	yesterday
Ecommerce Image Suitewzj177/ecommerce-image-suite	446	—	~10k	Automated safety check: Pass	Apache-2.0	1 mo ago
Zach Feature Demand Validatorzach22-1999/amazon-skills	208	1 repos	~2.3k	Automated safety check: Notes	MIT	1 mo ago
Caramel CouponsDevinoSolutions/caramel	141	—	~1.1k	Automated safety check: Pass	AGPL-3.0	today

Similar skills

Amazon Buy Box Monitor
browser-act/skills
Pulls Amazon product details, competing seller prices and seller ratings for a given ASIN through the BrowserAct API, without browser automation.
6.1k GitHub starsUsed in 1 repo~1.6k tokens
Sales & SupportAuto-check passed
Tourmind Booking
tourmind-com/Tourmind-Booking-Skills
MUST USE for any hotel or accommodation intent in any language, including hotel search, hotel recommendations, nearby accommodation, hostels, guesthouses, resorts, where-to-stay questions, room…
1.7k GitHub stars~13k tokensUpdated yesterday
Sales & SupportAuto-check passed
Ecommerce Image Suite
wzj177/ecommerce-image-suite
电商套图生成助手。用户明确提出需要生成电商套图、商品主图、卖点图、场景图、模特图等图片内容时触发. An agent skill from wzj177/ecommerce-image-suite.
446 GitHub stars~10k tokensUpdated 1 mo ago
Sales & SupportAuto-check passed
Zach Feature Demand Validator
zach22-1999/amazon-skills
功能需求真伪验证器。用三维数据（Review/关键词/社区）验证微创新是否真实需求. An agent skill from zach22-1999/amazon-skills.
208 GitHub starsUsed in 1 repo~2.3k tokens
Sales & SupportAuto-check: notes
Caramel Coupons
DevinoSolutions/caramel
Look up live coupon / promo codes for any online store through Caramel's public API (grabcaramel.com) — use whenever the user is about to buy something online, asks for a discount or promo code, or…
141 GitHub stars~1.1k tokensUpdated today
Sales & SupportAuto-check passed
Zach Sif Cvr Threshold Analyzer
zach22-1999/amazon-skills
基于领星 ASIN 360 或同类日业务报表，以及用户自己 SIF MCP 导出的日级关键词自然排名 JSON，回测 CVR 与核心词/稳定词自然排名波动的关系，并输出观察线、危险线、广告 CVR 确认线。
208 GitHub starsUsed in 1 repo~982 tokens
Sales & SupportAuto-check: notes

Questions about Ecommerce UX

What does Ecommerce UX do?

E-commerce UX patterns for Mobazha decentralized marketplace including search experience, product browsing, cart interactions, checkout flow, order tracking, and review system. Ecommerce UX is an agent skill from mobazha/mobazha-unified. E-commerce UX patterns for Mobazha decentralized marketplace including search experience, product browsing, cart interactions, checkout flow, order tracking, and review system.

When should I use Ecommerce UX?

Ecommerce UX fits situations like: building shopping features; tasks that involve E-commerce operations.

How do I install Ecommerce UX in Claude Code?

Run `npx skills add mobazha/mobazha-unified --skill ecommerce-ux -a claude-code`. Or copy the skill folder (.cursor/skills/ecommerce-ux in mobazha/mobazha-unified) into .claude/skills/ecommerce-ux in your project. Claude Code loads it when a task matches its description.

How do I install Ecommerce UX in Codex?

Run `npx skills add mobazha/mobazha-unified --skill ecommerce-ux -a codex`. Or copy the skill folder (.cursor/skills/ecommerce-ux in mobazha/mobazha-unified) into .agents/skills/ecommerce-ux in your project. Codex loads it when a task matches its description.

Can I use Ecommerce UX in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add mobazha/mobazha-unified --skill ecommerce-ux -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/ecommerce-ux, .gemini/skills/ecommerce-ux, .github/skills/ecommerce-ux and .opencode/skills/ecommerce-ux in your project.

What does Ecommerce UX need to run?

SKILL.md names no scripts, command-line tools or credentials: Ecommerce UX is instructions for the agent only.

Does Ecommerce UX access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Ecommerce UX safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Ecommerce UX use?

Ecommerce UX is published under the MPL-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Ecommerce UX use?

About 1.5k tokens (SKILL.md is roughly 6.1k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Ecommerce UX?

Skills that share tags, products or a category with Ecommerce UX: Amazon Buy Box Monitor (browser-act/skills, 6.1k stars), Tourmind Booking (tourmind-com/Tourmind-Booking-Skills, 1.7k stars), Ecommerce Image Suite (wzj177/ecommerce-image-suite, 446 stars) and Zach Feature Demand Validator (zach22-1999/amazon-skills, 208 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Ecommerce UX?

mobazha (a GitHub organization) maintains it in mobazha/mobazha-unified, which has 165 GitHub stars. The repository holds 29 skills in this directory. The repository was last updated on October 3, 2026.

Source: mobazha/mobazha-unified on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.

Install Ecommerce UX

Facts

At a glance

What it does

When your agent uses it

Example prompts

What it can do on your machine

Tool permissions

Runs code

Network

Credentials

Context cost

Safety

SKILL.md

电商 UX 模式

一、搜索体验

搜索输入

搜索结果 UX

筛选面板

排序

二、商品浏览

商品卡片（ProductCard）

商品详情页

变体选择器

三、购物车体验

添加到购物车

购物车页面

价格展示一致性

四、结账流程

步骤指示器

地址选择

支付确认

错误恢复

五、订单跟踪

状态时间线

Escrow 状态可视化

六、评价系统

星级评分展示

评价列表

快速检查清单

相关功能文档

Files

Compare with similar skills

Similar skills

More from mobazha/mobazha-unified

Related

Questions about Ecommerce UX