commerce-detail-page-planner

commerce-detail-page-planner is a skill for Claude Code from modu-ai/moai-cowork. It costs 285 tokens per session (4,655 once invoked), scanned A, original, Apache-2.0.

A strategy brief for deciding what a Korean e-commerce product page should say, show, and prioritise. It defines the main message, opening, page structure, sales channel approach, and photo checklist before copy, code, or images are made.

In plain words
What is it for?
Planning product detail pages, choosing a central selling message, comparing funding and commerce channels, and preparing category-specific photo checklists.
Why use it?
It prevents the page from being designed before its message and audience are clear. It also separates planning from the later work of writing copy, building code, and creating images.

Skill for Claude Code

Written for Claude Code: shipped in a Claude Code plugin. Also seen: names the AskUserQuestion tool; mentions Claude Code.

Part of the moai-seller plugin — 11 skills, 2 agents shipped together

Good fit Planning product detail pages, choosing a central selling message, comparing funding and commerce channels, and preparing category-specific photo checklists.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/modu-ai/moai-cowork/commerce-detail-page-planner
Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent
npx skills add modu-ai/moai-cowork --skill commerce-detail-page-planner
Clone the repo
git clone --depth 1 https://github.com/modu-ai/moai-cowork

Made for: Claude Code.

Or install moai-seller, the plugin that ships this one along with the rest of its 11 skills, 2 agents.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for commerce-detail-page-planner

README.md
[![agentmods](https://agentmods.dev/badge/skills/modu-ai/moai-cowork/commerce-detail-page-planner/github.svg)](https://agentmods.dev/skills/modu-ai/moai-cowork/commerce-detail-page-planner)
Your own site
<a href="https://agentmods.dev/skills/modu-ai/moai-cowork/commerce-detail-page-planner"><img src="https://agentmods.dev/badge/skills/modu-ai/moai-cowork/commerce-detail-page-planner/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for commerce-detail-page-planner

Your own site · 80×15
<a href="https://agentmods.dev/skills/modu-ai/moai-cowork/commerce-detail-page-planner"><img src="https://agentmods.dev/badge/skills/modu-ai/moai-cowork/commerce-detail-page-planner.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 285 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 4,655 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe. Third-party audits
  • NVIDIA SkillSpector pass 7 Sept 2026
How audits are shown
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00285 $0.04655
Opus 5 $0.00143 $0.02328
Sonnet 5 $0.00057 $0.00931
Haiku 4.5 $0.00028 $0.00466

Measured 8d ago against content hash 507bc57b91bb, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-12, from the pricing page.

Security

Grade A, and why

commerce-detail-page-planner scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 8d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

plugins/moai-seller/skills/commerce-detail-page-planner/SKILL.md · 383 lines

How it starts

The opening of the file, as written. The whole thing — 383 lines — stays where its author put it; the contents beside it link to each section on GitHub.

상세페이지 기획자 (Detail Page Planner)

책임 경계

단계 스킬 산출물
1. 기획·전략 (★ 본 스킬) moai-seller:commerce-detail-page-planner Brief (원 메시지·오프닝·본문 뼈대·채널·이미지 체크리스트)
2. 카피 moai-seller:commerce-detail-page-copy 13섹션 감정여정 JSON
3. 코드 moai-seller:commerce-product-detail shadcn/ui React 또는 HTML
4. 이미지 moai-seller:commerce-detail-page-image 1080×12720 합성 PNG

본 스킬은 1번만 담당 — 카피·코드·이미지는 위임. Brief가 후속 3개 스킬의 입력.

트리거 키워드

상세페이지 기획, 상세페이지 구조, 원 메시지, 오프닝 4유형, 본문 뼈대, 유통 채널 분기, 펀딩 vs 커머스, 카테고리 사진 체크리스트, 상세페이지 전략, 상폐 기획

5대 기획 모듈

모듈 1 — One Message 프레임워크 ★ 핵심

원 메시지 = 상세페이지가 전달할 단 하나의 메시지. 모든 콘텐츠가 이걸 뒷받침해야 한다.

3단 정합 구조:

브랜드 컨셉  →  원 메시지  →  이미지·색·글 3요소

같은 제품이라도 타깃에 따라 원 메시지 분기:

원목 수납장 손잡이 예시:
  타깃 A "튼튼함 우선"  → "20kg를 견디는 손잡이"
  타깃 B "예쁨 우선"    → "방의 분위기를 바꾸는 손잡이"
  타깃 C "안전 우선"    → "아이가 매달려도 안전한 손잡이"

산출물: [원 메시지 - 카피 - 설명글] 세트

one_message:
  brand_concept: "{브랜드가 추구하는 본질 한 문장}"
  message: "{원 메시지 한 문장}"
  copy: "{메시지를 강화하는 헤드라인 카피}"
  description: "{메시지를 풀어 설명하는 본문 도입글}"

색 체계:

  • 브랜드 색 (전체 일관성)
  • 상품페이지 컨셉 색 (각 페이지 분위기)
  • 두 색을 분리해 운영

이미지 선택 기준:

  • 사진 이미지: 실제 보이는 특징 (텍스처·크기·색)
  • 디자인 이미지: 보이지 않는 특징·컨셉(작동 원리·라이프스타일)

자세한 카테고리별 사진은 → references/photo-checklist.md


모듈 2 — 오프닝 4유형 분기 ★ 핵심

UX 데이터 근거: 3초 = 스크롤 3번. 어텐션 그래프상 "오프닝 > 본문 > 클로징" 순서로 우선순위.

유형 진단 트리
제품이 시장에 처음 나왔는가?
├─ YES → 첫 만남형
└─ NO ↓
    제품 자체가 시각적으로 강한가? (예쁨·독특함)
    ├─ YES → 스타형
    └─ NO ↓
        타깃의 페인포인트가 명확한가?
        ├─ YES → 공감형
        └─ NO  → 매력형 (혜택·가성비 강조)
유형별 인트로 3 step 템플릿
유형 Step 1 Step 2 Step 3 예시
첫 만남형 "이런 제품 본 적 있나요?" 핵심 USP 정의 가치 예고 3 in 1 마우스
스타형 제품 시각 임팩트 제품명·디자인 강조 사용 장면 빨아 입는 수트
매력형 매력 포인트 1 매력 포인트 2 "지금 결정해야 하는 이유" (혜택·가성비)
공감형 "이런 고민 있죠?" 페인포인트 구체화 "이 제품이 해결" (페인 해소)

총 12개 작성 패턴. 직접 LLM 프롬프트에 인용 가능.


모듈 3 — 본문 4단계 + 3 미션 체크

Read the full file on GitHub · 383 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 8d ago First seen · 383 lines · 285 tokens per session scan A 507bc57b91bb

Subscribe to this mod's changes

commerce-detail-page-planner is a skill published in the GitHub repository modu-ai/moai-cowork (300 stars, last pushed 9d ago), licensed Apache-2.0. It adds 285 tokens to every session and 4,655 once invoked, about $0.0014 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-09-03.

Related

Other skills, from other repositories

xml-config-migrating

Use this skill when a Shopware plugin or app-server extension needs its XML configuration migrated to PHP — phrases like "migrate services.xml", "convert my plugin config to PHP", "xml to php migration", "fix the XML deprecation", "prepare my plugin for Shopware 6.8 / Symfony 8", or when a deprecation like "The XML…

shopwareLabs/ai-coding-tools · 106 tokens

dev-environment-bootstrapping

Use this skill when the user asks to bootstrap, set up, create, or initialize a Shopware development environment from scratch — phrases like "set up a Shopware dev environment", "clone and install Shopware", "initialize a Shopware plugin project", "bootstrap Shopware and a new plugin called X", "get a fresh Shopware…

shopwareLabs/ai-coding-tools · 144 tokens

recipe-log-deal-update

Append a deal status update to a Google Sheets sales tracking spreadsheet.

fakoli/fakoli-plugins · 19 tokens

product-configurator-design

Designing build-your-own product configurators (Tesla-style, custom-pricing, plan-builders) with constraint logic, real-time pricing, validation, and save-and-share mechanics. Honest about infinite-options (decision paralysis), canned-bundles-only (no real customization), and guided-configuration (smart defaults plus…

rampstackco/claude-skills · 129 tokens

email-personalization

Write hyper-personalized cold email icebreakers for B2B leads using their company intelligence and LinkedIn data. Use this skill whenever the user says "write icebreakers", "personalize emails", "email personalization", "cold email first lines", "write opening lines", "personalize outreach", "create email openers", or…

naveedharri/benai-skills · 134 tokens

marketplace-purchase-vetting

Use this when the user asks whether a local listing is a scam, "too good to be true," worth looking at, or a good deal. Also use this when he asks you to find options — search/discover candidates, then vet the best ones. The goal is not a generic buying guide; it is a practical risk read with clear next steps.

AtlasOmnia/donna-starter · 72 tokens