搵技能.../

Checkout Flow | Skills Pool

技能檔案

Checkout Flow

E-commerce checkout design, payment UX, cart design, conversion optimization, and trust signals.

Dragoon0x0 星標2026年4月11日

職業: 平面設計師
分類: 銷售同市場推廣

技能內容

The Rule: Fewer Steps = Higher Conversion

Guest checkout option (always)
Single-page checkout when possible
If multi-step: show progress, allow editing previous steps without losing data

Cart Design

Show item image, name, quantity, price
Easy quantity adjustment (+ / - or input)
Remove item with confirmation
Show subtotal, taxes, shipping, and total clearly
Promo code field (collapsed by default, not prominent)

Payment Form

Card number: auto-format with spaces (4242 4242 4242 4242)
Expiry: MM/YY format with auto-slash
CVC: show where to find it on the card (tooltip with diagram)
Show accepted card types (Visa, Mastercard, etc.)
Support digital wallets (Apple Pay, Google Pay) above the form

Trust Signals

相關技能

快速安裝

Checkout Flow

npx skills add Dragoon0x/everything-design-taste

下載 Skill 打開源碼倉庫

作者: Dragoon0x
星標: 0
更新時間: 2026年4月11日
職業

本頁內容

01The Rule: Fewer Steps = Higher Conversion

Security badges near payment fields
"Secure checkout" in the header
Money-back guarantee
Customer support contact visible
SSL indicator

Order Summary

Visible throughout checkout (sidebar on desktop, expandable on mobile)
Update in real-time as user changes options
Show shipping estimate before final step
Clear total breakdown (no surprises)

Post-Purchase

Confirmation page with order number
Confirmation email immediately
Clear delivery timeline
Easy access to order status

02

Cart Design

04Trust Signals

05Order Summary

06Post-Purchase

銷售同市場推廣

Taskflow Inbox Triage

Example TaskFlow authoring pattern for inbox triage. Use when messages need different treatment based on intent, with some routes notifying immediately, some waiting on outside answers, and others rolling into a later summary.

銷售同市場推廣

Accessibility

Primary accessibility skill for VS Code. REQUIRED for new feature and contribution work, and also applies to updates of existing UI. Covers accessibility help dialogs, accessible views, verbosity settings, signals, ARIA announcements, keyboard navigation, and ARIA labels/roles.

microsoft184.0k

銷售同市場推廣

Open a Pull Request

Open a pull request with proper PR template, test coverage, and review workflow. Guides agents through creating a PR that follows repo conventions, ensures existing behaviors aren't broken, covers new behaviors with tests, and handles review via bot when local testing isn't possible. TRIGGER when user asks to "open a PR", "create a PR", "make a PR", "submit a PR", "open pull request", "push and create PR", or any variation of opening/submitting a pull request.

Significant-Gravitas183.5k

銷售同市場推廣

Investor Materials

Create and update pitch decks, one-pagers, investor memos, accelerator applications, financial models, and fundraising materials. Use when the user needs investor-facing documents, projections, use-of-funds tables, milestone plans, or materials that must stay internally consistent across multiple fundraising assets.

銷售同市場推廣

Continuous Agent Loop

具有质量门、评估和恢复控制的连续自主代理循环模式。

銷售同市場推廣

Configure Ecc

Everything Claude Code 的交互式安装程序 — 引导用户选择并安装技能和规则到用户级或项目级目录，验证路径，并可选择优化已安装文件。

平面設計師