Apple Cn Checkout

用 bsk_* 浏览器工具在苹果中国官网（apple.com.cn）完成 iPhone 选购与结账。含实测的稳定选择器、5 级门控的一轮批量配方、以及会造成静默失败的坑（networkidle 永不满足 / CSS 猜选择器会打偏 / 点击后立刻读取是旧 DOM）。当用户要求在 Apple 中国官网买手机、加购物袋、或走到微信支付时使用。

8 stars 1 forksFrontend & Design

Install

skills CLI (Claude Code, Cursor, Codex and more)

npx skills add Caoran1314/apple-cn-checkout --skill apple-cn-checkout

Manual install

git clone --depth 1 https://github.com/Caoran1314/apple-cn-checkout.git /tmp/apple-cn-checkout
mkdir -p ~/.claude/skills
cp -r /tmp/apple-cn-checkout/. ~/.claude/skills/apple-cn-checkout

Personal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.

From the SKILL.md

# Apple 中国官网选购/结账流程（实测固化）

## 0. 铁律（先读，否则会静默做错）

| 事实 | 后果 |
|---|---|
| **点击成功后立刻 observe 会读到旧 DOM** | 徽标/URL 都滞后。**唯一可信的验证 = 重新导航到目标页再读（服务端真相）** |
| **`waitUntil: networkidle` 在 Apple 上永远不满足** | 白等满超时。Apple 页面持续上报，**不要用它做门控** |
| **猜 CSS 选择器会静默打偏** | `clicked at (x,y)` 照样回报成功，实际点错元素。**只用两种来源：observe 给的 `@eN` ref，或从 scoped HTML 读到的确切 `data-autom`** |
| **购物袋是「一行 × 数量 N」** | 不是 N 行。**删一次清空整行**，只有一个移除按钮 |
| **结账必须登录 Apple 账号** | 游客态点结账会跳登录。**登录/验证码必须用 `bsk_assist request-help` 交给用户**，agent 绝不碰账号密码 |
| **微信支付是手机扫码** | 技能文档归类为 phone-only QR scan，**agent 侧设计上阻塞**。走到二维码页即停，交用户扫 |

## 1. 已验证的稳定选择器（国行购买页）

页面：`https://www.apple.com.cn/shop/buy-iphone/iphone-18-pro`

```
机型   input[value="6_3inch"]        iPhone 18 Pro 6.3"
       input[value="6_9inch"]        iPhone 18 Pro Max 6.9"
外观   input[value="burgundy"]       勃艮第酒红色
       input[value="glacier"]        冰川蓝色
       input[value="silver"]         银色
       input[value="black"]          黑色
存储   input[value="256gb"]          256GB  RMB 9999
       input[value="512gb"]          512GB  RMB 11999
       input[value="1tb"]            1TB    RMB 15499
       input[value="2tb"]            2TB    RMB 20499
折抵   input[value="noTradeIn"]      不折抵换购
       input[value="tradeIn"]        添加折抵设备
保障   input[data-autom="noapplecare"]   不加 AppleCare+   ← 两个选项 value 都是 "on"，只能靠 data-autom
提交   button[data-autom="add-to-cart"]  添加到购物袋
```

> `data-autom` 是**从 scoped HTML 读到的**，不是猜的。拿 ref 后读：

Read the full skill on GitHub

Details

Skill name: apple-cn-checkout
Repository: Caoran1314/apple-cn-checkout
License: MIT
Repo updated: 15 October 2026

FAQ

What does the Apple Cn Checkout skill do?

How do I install the Apple Cn Checkout skill?

skills CLI (Claude Code, Cursor, Codex and more): npx skills add Caoran1314/apple-cn-checkout --skill apple-cn-checkout. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.

Is Apple Cn Checkout popular?

It lives in Caoran1314/apple-cn-checkout, which has 8 GitHub stars and 1 forks.

Related skills

Design Principles

shualippe/design-principles-skill

Apply universal design principles to UI/UX review, design feedback, and design documentation. Based on "Universal Principles of Design" (Lidwell, Holden, Butler) — 100 cross-disciplinary principles covering usability, perception, learning, appeal, and decision-making. Use this skill whenever the user asks to review a UI, critique a design, evaluate a mockup or wireframe, give design feedback, write a design spec or design doc, discuss design tradeoffs, improve a layout, or apply design thinking to a product decision. Also trigger when the user asks about specific design concepts like affordanc

Frontend & Design

Personal Brand Ops

YonasValentin/personal-brand-ops

Build personal brands that convert customers, not just rack up views. Use this skill whenever the user wants to define, scale, or operationalize a personal brand or content operation — including brand positioning, content strategy, posting cadence, platform selection, storytelling, media team hiring, onboarding, 1:1 cadences, work-mode design, or trust-first monetization. Trigger on phrases like "build my brand," "scale my content," "should I post on X platform," "what should I post about," "hire a content team," "FTE vs agency," "30/60/90 onboarding," "media team org chart," "monetize my audi

Frontend & Design

Elec Sheep Longform

bleakbelladonnals/elec-sheep-longform

Create, revise, and quality-check Elec Sheep branded Chinese educational carousels and vertical long-form infographics while preserving the exact robot-sheep IP, warm hand-drawn blue-orange visual system, editable SVG typography, and batch rendering workflow. Use when the user mentions 电子羊, Elec Sheep, the established mascot/IP, 小红书科普长图, an 8-page knowledge carousel, same-character/same-style continuation, or asks to revise existing Elec Sheep pages without identity or layout drift.

Frontend & Design

Mqc Female Lawyer Brandcast

MiaoQichuan/mqc-female-lawyer-brandcast

女律师 IP 形象内容工作台。一套固定的风格，播成多种内容形态——用内置的 53 张女律师漫画形象素材，把法律内容做成成套图文：朋友圈九宫格（八股结构）、小红书 3:4 多图、公众号（封面 + 正文插图组）、单张方图、竖版长图。凡是用户要写公众号推文、小红书图文、朋友圈九宫格、普法内容、案例解读、法律科普，或者提到"配图""插图""封面""九宫格""做成图""普法漫画""案情漫画""律师形象""IP 形象"，都要使用这个 Skill。注意：公众号要的是散落在正文段落之间的插图和两张封面，**不是一整张长图**，做公众号一律走 wechat 格式。用户直接给短句让你排版，或者丢一整篇长文、一段案情让你梳理提炼再配图，两种都用它。素材库已内置形象素材，不要调用任何文生图工具。

Frontend & Design

Figjam Builder

prasantloki/figjam-builder

Build or modify FigJam boards via the Figma Plugin API. Use for creating, editing, extending, restructuring, or fixing the layout of a FigJam board. Triggers on "make a FigJam", "build a board", "update this FigJam", "fix the layout", "/figjam-builder", or a FigJam URL paired with a visual or content change.

Frontend & Design

Designgate

sukenik-collab/claude-designgate

Mandatory human-in-the-loop UI design checkpoint. Use automatically — before writing any UI code — whenever the task involves building, creating, adding, or redesigning a user-facing screen, page, flow, component, interface, or frontend, unless every interaction maps to an already-decided pattern. Verifies a brand brief exists, reads prior UX decisions to avoid re-asking resolved questions, surfaces only genuinely unresolved interaction decisions (batched, max 5), generates a complete screen-generation prompt for the configured design MCP, and enforces a hard human approval gate before impleme

Frontend & Design

Browse the most popular Claude skills, all frontend & design skills, or write your own with the skills generator.