Browser e-Commerce
Use this skill as the shared browser workflow for e-commerce tasks.
Profile selection
Choose browser profile by risk and need:
- -
openclaw: default for public browsing, search results, product pages, screenshots, and cross-platform comparison. - INLINECODE1 : use only when existing login state matters, such as carts, coupons, orders, addresses, or member prices.
- INLINECODE2 : use only when the user explicitly wants the extension attach-tab flow.
Default rule:
- - public commerce pages → INLINECODE3
- logged-in private pages → INLINECODE4
Base workflow
- 1. Start with
browser status and browser start if needed. - Open/focus the target site in a stable tab.
- Run
snapshot before any action. - Prefer
snapshot --interactive / actionable refs over brittle CSS assumptions. - After navigation, filter changes, popups, or SKU changes, re-run
snapshot. - Use
highlight when a button/card/price block is ambiguous. - Capture evidence with screenshots when the result matters.
- When the page is highly dynamic, check
requests, errors, and response body.
Commerce extraction order
For most shopping tasks, extract in this order:
- 1. platform
- page type: search result / product detail / cart / order / coupon / store
- title
- current price
- final price / coupon price / member price
- store or seller
- sales / rating / review count
- shipping or delivery promise
- SKU / spec options
- risks / caveats
- link + screenshot evidence
Standard page workflows
Search results page
Goal: compare multiple candidates quickly.
Do:
- - open search page
- snapshot interactive elements
- identify product cards, price text, store names, tags, sales, coupons
- collect top candidates into structured notes
- screenshot result page if ranking matters
Product detail page
Goal: make one item decision-ready.
Do:
- - extract title, price, final price, store, shipping, service badges
- inspect SKU/spec selectors
- note coupons, subsidies, timed promotions, member-only prices
- if specs are changed, re-snapshot before re-reading price
- screenshot detail evidence when recommending a purchase
Cart / order / coupon page
Goal: use private login state safely.
Do:
- - switch to
profile="user" only if needed - prefer read/check actions over side effects
- stop before irreversible actions such as payment or final order submission
- summarize discounts, totals, coupon applicability, and delivery info
Location-sensitive commerce page
Goal: judge delivery or stock by location.
Do:
- - use geolocation or user-browser context when available
- check whether delivery area, ETA, store availability, or fee changes by location
- state clearly when output depends on location assumptions
Safety boundaries
- - Do not complete payment.
- Do not place final orders without explicit confirmation.
- Do not change account settings, addresses, or payment methods unless explicitly asked.
- For logged-in pages, prefer observation and recommendation over action.
Debug workflow
When automation becomes unstable:
- 1. re-run INLINECODE15
- INLINECODE16 the target ref
- inspect INLINECODE17
- inspect INLINECODE18
- use
response body for commerce APIs when visible UI is incomplete - use trace only when needed
Read references as needed
- - Read
references/browser-commerce-schema.md for the reusable output schema. - Read
references/platform-adaptation.md for platform-specific browser strategy.
浏览器电子商务
将此技能用作电子商务任务的共享浏览器工作流程。
配置文件选择
根据风险和需求选择浏览器配置文件:
- - openclaw:默认用于公共浏览、搜索结果、产品页面、截图和跨平台比较。
- user:仅在现有登录状态重要时使用,例如购物车、优惠券、订单、地址或会员价格。
- chrome-relay:仅在用户明确需要扩展附加标签页流程时使用。
默认规则:
- - 公共电商页面 → openclaw
- 已登录的私有页面 → user
基础工作流程
- 1. 从浏览器状态开始,必要时执行浏览器启动。
- 在稳定标签页中打开/聚焦目标网站。
- 在任何操作前运行快照。
- 优先使用快照 --交互式/可操作引用,而非脆弱的CSS假设。
- 导航、筛选变更、弹窗或SKU变更后,重新运行快照。
- 当按钮/卡片/价格区块不明确时,使用高亮。
- 当结果重要时,使用截图捕获证据。
- 当页面高度动态时,检查请求、错误和响应体。
电商信息提取顺序
对于大多数购物任务,按以下顺序提取:
- 1. 平台
- 页面类型:搜索结果/产品详情/购物车/订单/优惠券/店铺
- 标题
- 当前价格
- 最终价格/优惠价/会员价
- 店铺或卖家
- 销量/评分/评论数
- 配送或送达承诺
- SKU/规格选项
- 风险/注意事项
- 链接+截图证据
标准页面工作流程
搜索结果页面
目标:快速比较多个候选商品。
操作:
- - 打开搜索页面
- 快照交互式元素
- 识别产品卡片、价格文本、店铺名称、标签、销量、优惠券
- 将最佳候选商品收集到结构化笔记中
- 如果排名重要,截图结果页面
产品详情页面
目标:为单个商品做出决策准备。
操作:
- - 提取标题、价格、最终价格、店铺、配送、服务标识
- 检查SKU/规格选择器
- 注意优惠券、补贴、限时促销、会员专享价格
- 如果规格变更,在重新读取价格前重新快照
- 推荐购买时截图详情证据
购物车/订单/优惠券页面
目标:安全使用私有登录状态。
操作:
- - 仅在需要时切换到配置文件=user
- 优先执行读取/检查操作,避免副作用
- 在不可逆操作(如支付或最终提交订单)前停止
- 总结折扣、总额、优惠券适用性和配送信息
位置敏感的电商页面
目标:根据位置判断配送或库存。
操作:
- - 在可用时使用地理位置或用户浏览器上下文
- 检查配送区域、预计到达时间、店铺可用性或费用是否因位置变化
- 当输出依赖于位置假设时,明确说明
安全边界
- - 不要完成支付。
- 未经明确确认,不要提交最终订单。
- 除非明确要求,不要更改账户设置、地址或支付方式。
- 对于已登录页面,优先观察和建议,而非操作。
调试工作流程
当自动化变得不稳定时:
- 1. 重新运行快照
- 高亮目标引用
- 检查错误
- 检查请求
- 当可见UI不完整时,对电商API使用响应体
- 仅在需要时使用追踪
根据需要阅读参考资料
- - 阅读references/browser-commerce-schema.md了解可复用的输出模式。
- 阅读references/platform-adaptation.md了解特定平台的浏览器策略。