Agent skill

Pg Tier2 Differentiation

by mobazha in mobazha/mobazha-unified

Tier 2 差异化竞争力执行指南(PG-201~PG-206)。AI Store Builder、品牌化、AI 客服、收藏。触发词:"差异化", "AI Store Builder", "Tier 2", "PG-201"~"PG-206", "AI 客服".

MPL-2.0Auto-check passed

Install Pg Tier2 Differentiation

skills CLI
$ npx skills add mobazha/mobazha-unified --skill pg-tier2-differentiation -a claude-code

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

GitHub CLI
$ gh skill install mobazha/mobazha-unified pg-tier2-differentiation --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/pg-tier2-differentiation .claude/skills/pg-tier2-differentiation && 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/

Facts

Skill name
pg-tier2-differentiation
GitHub stars
165
Token cost
~1.9k tokens
SKILL.md length
400 words
Files
1
Skills in repo
29
Repo updated
First seen
Licence
MPL-2.0

At a glance

Tier 2 差异化竞争力执行指南(PG-201~PG-206)。AI Store Builder、品牌化、AI 客服、收藏。触发词:"差异化", "AI Store Builder", "Tier 2", "PG-201"~"PG-206", "AI 客服".

  • Works in 3 steps: StoreConfig Schema — Discriminated Union… → 后端存储:NodeSettings… → API 端点(mobazha,3 个新 handler)
  • SKILL.md covers PG-201: 店铺品牌化(Section-based), PG-202: AI Store Builder(MVP), PG-203: 收藏/愿望单 and PG-204: 买家发现体验, plus 3 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Pg Tier2 Differentiation is an agent skill from mobazha/mobazha-unified. Tier 2 差异化竞争力执行指南(PG-201~PG-206)。AI Store Builder、品牌化、AI 客服、收藏。触发词:"差异化", "AI Store Builder", "Tier 2", "PG-201"~"PG-206", "AI 客服".

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

It works with Shopify. The repository describes itself as: Open-source commerce frontend for storefronts, marketplaces, checkout, and seller management. The licence is MPL-2.0.

Example prompts

  • “AI Store Builder”
  • “Tier 2”
  • “PG-201”
  • “/pg-tier2-differentiation”

Workflow steps

3 steps, taken from the first numbered list in SKILL.md.

  1. StoreConfig Schema — Discriminated Union 类型安全
  2. 后端存储:NodeSettings key-value(key=store_config)
  3. API 端点(mobazha,3 个新 handler)

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

Pg Tier2 Differentiation loads about 1.9k tokens when it runs. Until then it costs about 39 tokens; SKILL.md has 400 words of instructions outside code blocks.

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

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). 400 words, ~1,900 tokens.

Download SKILL.mdSave it as .claude/skills/pg-tier2-differentiation/SKILL.md (or your agent's skills folder).
name
pg-tier2-differentiation
description
Tier 2 差异化竞争力执行指南(PG-201~PG-206)。AI Store Builder、品牌化、AI 客服、收藏。触发词:"差异化", "AI Store Builder", "Tier 2", "PG-201"~"PG-206", "AI 客服".

Tier 2: 差异化竞争力执行指南

目标:构建 Shopify 做不到的能力,形成 Web3 Shopify 的竞争壁垒。 触发词:"差异化"、"AI Store Builder"、"Tier 2"、"PG-201"~"PG-206" 前置条件:Tier 0 全部完成 + Tier 1 PG-101(AdminLayout)+ PG-110(AI 基础设施)完成

PG-201: 店铺品牌化(Section-based)

详细设计文档:docs/features/PG-201_STORE_BRANDING_DESIGN.md(v2.1,权威来源) 工作分支:feature/pg-tier2-branding | Worktree:mobazha-unified-tier2

目标

让每个卖家的店铺有独特的品牌形象。通过 JSON 配置驱动 Section 组件渲染,对标 Shopify 店铺定制。

架构要点
  1. StoreConfig Schema — Discriminated Union 类型安全
typescript
// packages/core/types/storeConfig.ts
export interface StoreConfig {
  version: 1;
  status: 'draft' | 'published';
  theme: StoreTheme;
  sections: StoreSection[]; // 最多 20 个
}

// Discriminated Union — type 字段决定 props 类型
export type StoreSection =
  | { id: string; type: 'hero'; props: HeroSectionProps; visible: boolean; layout?: SectionLayout }
  | {
      id: string;
      type: 'announcement-bar';
      props: AnnouncementBarProps;
      visible: boolean;
      layout?: SectionLayout;
    }
  | {
      id: string;
      type: 'featured-products';
      props: FeaturedProductsProps;
      visible: boolean;
      layout?: SectionLayout;
    }
  | {
      id: string;
      type: 'product-grid';
      props: ProductGridProps;
      visible: boolean;
      layout?: SectionLayout;
    }
  | {
      id: string;
      type: 'about';
      props: AboutSectionProps;
      visible: boolean;
      layout?: SectionLayout;
    }
  | {
      id: string;
      type: 'trust-badges';
      props: TrustBadgesProps;
      visible: boolean;
      layout?: SectionLayout;
    }
  | {
      id: string;
      type: 'testimonials';
      props: TestimonialsProps;
      visible: boolean;
      layout?: SectionLayout;
    }
  | { id: string; type: 'faq'; props: FaqSectionProps; visible: boolean; layout?: SectionLayout }
  | {
      id: string;
      type: 'collections';
      props: CollectionsSectionProps;
      visible: boolean;
      layout?: SectionLayout;
    }
  | {
      id: string;
      type: 'gallery';
      props: GallerySectionProps;
      visible: boolean;
      layout?: SectionLayout;
    }
  | {
      id: string;
      type: 'rich-text';
      props: RichTextSectionProps;
      visible: boolean;
      layout?: SectionLayout;
    }
  | {
      id: string;
      type: 'contact';
      props: ContactSectionProps;
      visible: boolean;
      layout?: SectionLayout;
    }
  | {
      id: string;
      type: 'store-tabs';
      props: StoreTabsProps;
      visible: boolean;
      layout?: SectionLayout;
    };
  1. 后端存储:NodeSettings key-value(key=store_config)

  2. API 端点(mobazha,3 个新 handler):

MethodRouteAuth说明
GET/v1/settings/storefrontYes (owner)获取 StoreConfig
PUT/v1/settings/storefrontYes (owner)更新 StoreConfig (全量替换,后端 JSON 校验)
GET/v1/settings/storefront/{peerID}No (public)获取指定店铺 StoreConfig(只返回 published)
  1. 前端架构:
packages/core/types/storeConfig.ts        # Discriminated Union 类型
packages/core/utils/theme.ts              # 对比度计算 + 调色板映射
apps/web/src/components/store-sections/   # 13 个 Section 组件 + SectionRenderer(Server Component)
apps/web/src/components/store-editor/     # Admin 编辑器(拖拽、调色板、预览)
apps/web/src/app/admin/settings/storefront/  # Admin 编辑页
  1. 关键设计决策:
    • SectionRenderer 是 Server Component(SSR,SEO 数据在 HTML 中)
    • StoreThemeProvider 自动计算 WCAG AA 对比色(sRGB 线性化)
    • store-tabs 是系统级 Section(承载 Reviews/Following/Followers),可排序/隐藏但不可删除
    • RichTextSection 必须是 'use client'(DOMPurify 需要 DOM)
    • 颜色选择分层:预设调色板 → react-colorful → PG-202 AI 提取
    • 字体选择带实时预览,next/font/google 按需加载
实施顺序(6 Phase,11-15 天)
Phase内容天数
1Foundation — 类型定义 + API paths + 后端 handlers + Section 注册表2
2Section 渲染引擎 — ThemeProvider + SectionBlock + SectionRenderer + 5 个 P0 Section2
3Store 页面 SSR 集成 — 并行 fetch + generateMetadata + 向后兼容1-2
4Admin 编辑器 MVP — 调色板 + 拖拽排序 + Section 属性编辑 + 实时预览3-4
5扩展 Sections — About/TrustBadges/Testimonials/FAQ/Collections/Gallery/RichText/Contact2-3
6打磨 — i18n + 暗色模式 + Google Fonts 优化 + E2E 测试1-2

完整 Props 定义、wireframe、预设模板、安全约束等详见设计文档。


PG-202: AI Store Builder(MVP)

目标

卖家用自然语言描述品牌 → AI 生成店铺配置 → 即时预览。

技术方案
  1. 输入收集

    • 品牌名称、描述、目标客户
    • 商品类型(实物/数字/服务/RWA)
    • 已上传的商品数据(自动分析)
  2. AI 生成

    • 调用 LLM API(OpenAI/Claude/本地模型)
    • Prompt:品牌信息 + 可用 Section 列表 + Schema → 输出 StoreConfig JSON
    • 可选:Vision model 分析商品图片 → 推荐色板
  3. 即时预览

    • 生成配置后实时渲染店铺预览
    • 卖家可对话式调整:"Logo 再大一点"、"换成深色风格"
  4. 实施步骤

    • Step 1: 手动提供 3-5 个预设配置模板(作为 fallback)
    • Step 2: 接入 LLM 生成 StoreConfig
    • Step 3: 对话式调整
    • Step 4: 基于商品图片的智能推荐
关键决策
  • LLM API 选择(考虑成本和隐私)
  • 是否在客户端调用(API key 安全问题)→ 建议通过后端代理
  • 离线 fallback → 预设模板

Show full SKILL.md (157 more words)Show less

PG-203: 收藏/愿望单

现状

ProductDetail.tsx 已有占位符:

tsx
const [_isWishlist, _setIsWishlist] = useState(false);
const _handleToggleWishlist = useCallback(() => { ... }, []);
实施步骤
  1. 后端 API 设计(产品未上线,直接设计理想 API)

    • POST /v1/wishlist/{slug} — 添加收藏
    • DELETE /v1/wishlist/{slug} — 取消收藏
    • GET /v1/wishlist — 获取收藏列表
    • 数据持久化在后端,支持跨设备同步
  2. ProductDetail 集成

    • 激活 wishlist 按钮(心形图标)
    • 点击切换收藏/取消收藏 + toast 反馈
    • 已收藏状态在页面加载时从 API 获取
  3. 收藏列表页

    • /account/wishlist — 展示已收藏商品
    • 商品卡片网格 + 移除操作
    • 降价提醒标记(Web3 特色:加密货币价格波动时等价法币变化)

PG-204: 买家发现体验

问题

买家在 Mobazha 上只有主动搜索一种发现商品的方式,缺少被动发现(推荐)。

实施步骤
  1. "猜你喜欢"推荐

    • 基于浏览历史和购买记录推荐商品
    • MVP:同类别随机推荐(无需 ML)
    • 集成到:商品详情页底部、购物车页底部、首页
  2. 浏览历史

    • 本地存储最近浏览的商品(localStorage,最多 50 条)
    • "最近浏览"组件 — 横向滚动商品卡片
    • 集成到:个人中心、首页
  3. 相关商品

    • 商品详情页底部 "You may also like"
    • 基于同卖家 + 同类别
  4. Recently Viewed 持久化

    • MVP:localStorage
    • 后续:同步到用户账号

PG-205: 智能通知中心

问题

当前通知系统(NotificationDropdown)是统一的,卖家和买家看到同样的界面。需要区分角色视图。

实施步骤
  1. Admin 通知视图

    • /admin/ 内的通知侧边栏/页面
    • 按优先级分类:新订单(紧急)、库存预警、差评提醒、新评价
    • 一键处理(如"确认订单"可直接从通知操作)
  2. 买家订单状态推送

    • 订单状态变更时的通知卡片
    • Escrow 状态变更提醒
    • 评价邀请(订单完成后 N 天)
  3. 通知偏好设置

    • /admin/settings/notifications — 卖家可配置哪些通知要接收

PG-206: AI 客服助手

目标

买家在商品页或订单页可以即时获得常见问题的答案,无需等卖家回复。

用户场景
买家在商品页点击"问一下"
  → 弹出 AI 助手面板
  → 买家问:"这个钱包能放多少张卡?"
  → AI 基于商品描述回答:"根据商品描述,这款钱包有 6 个卡槽和 1 个零钱袋"
  → 如果 AI 无法回答 → "我帮你转给卖家" → 切换到 Matrix 聊天
实施步骤
  1. AI 客服面板 — AIAssistantPanel

    • 商品页右下角浮动按钮触发
    • 对话式 UI(复用 AIConversation 组件)
    • 上下文:当前商品描述 + 卖家政策 + 配送信息
  2. 知识构建

    • 自动从商品描述、店铺政策、配送设置、FAQ 构建上下文
    • System prompt:限制回答范围在商品/店铺信息内,不编造
  3. 人工接管

    • AI 不确定时显示"转给卖家"按钮
    • 点击后打开 Matrix 聊天,自动附带问题上下文
  4. 卖家控制

    • Admin 设置中可开关 AI 客服
    • 可补充自定义 FAQ 供 AI 参考

完成后更新

  1. 更新 docs/PROFESSIONAL_GRADE_ROADMAP.md Section 9
  2. 新组件文档化到 docs/features/
  3. i18n key 更新

© mobazha, MPL-2.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

Just SKILL.md in .cursor/skills/pg-tier2-differentiation of mobazha/mobazha-unified.

Open the folder on GitHubat commit 156c699

Compare with similar skills

Pg Tier2 Differentiation 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.

Pg Tier2 Differentiation compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Pg Tier2 Differentiation this skillmobazha/mobazha-unified165—~1.9kAutomated safety check: PassMPL-2.0
ShopifyShopify/Shopify-AI-Toolkit592—~4.2kAutomated safety check: PassMIT
E-commerce Visual Copywritingfeichanggege/ecommerce-visual-copywriting-skill858—~1.3kAutomated safety check: PassMIT
Reviewing Pull RequestsShopify/shopify-app-js543—~1.9kAutomated safety check: PassMIT
Better Designmarvkr/better-design254—~1.2kAutomated safety check: PassMIT
Liquid Theme A11ybenjaminsehl/liquid-skills120—~3.2kAutomated safety check: PassNone

Similar skills

  • Shopify

    Shopify/Shopify-AI-Toolkit

    Official

    Build anything on Shopify. An agent skill from Shopify/Shopify-AI-Toolkit.

    592 GitHub stars~4.2k tokensUpdated 2 days ago
    Backend & APIsAuto-check passed
  • E-commerce Visual Copywriting

    feichanggege/ecommerce-visual-copywriting-skill

    Turns product details, packaging, target platform and audience into an executable e-commerce image plan with copy, storyboards, image prompts and a compliance review.

    858 GitHub stars~1.3k tokensUpdated 23 days ago
    Writing & ContentAuto-check passed
  • Reviewing Pull Requests

    Shopify/shopify-app-js

    Official

    Reviews pull requests for Shopify/shopify-app-js with comprehensive analysis including semver compliance (MAJOR/MINOR/PATCH classification), single responsibility validation, pattern consistency…

    543 GitHub stars~1.9k tokensUpdated yesterday
    DevelopmentAuto-check passed
  • Better Design

    marvkr/better-design

    Build, improve, and review production interfaces with the Better Design MCP.

    254 GitHub stars~1.2k tokensUpdated 17 days ago
    Frontend & DesignAuto-check passed
  • Liquid Theme A11y

    benjaminsehl/liquid-skills

    Implement WCAG 2.2 accessibility patterns in Shopify Liquid themes.

    120 GitHub stars~3.2k tokensUpdated 2 mo ago
    Frontend & DesignAuto-check passed
  • Analytics Tracking Automation

    jtrackingai/analytics-tracking-automation

    A skill your agent uses when you need GA4 + GTM tracking delivery from site discovery through publish, or when the right phase entry point is still unclear.

    142 GitHub stars~2.8k tokensUpdated 5 mo ago
    Data & AnalyticsAuto-check passed

More from mobazha/mobazha-unified

All 29 skills in this repo
  • A11y Guide

    mobazha/mobazha-unified

    Accessibility guide for Mobazha following WCAG 2.1 AA standards including color contrast, reduced motion, ARIA patterns, keyboard navigation, focus management, and screen reader testing.

    165 GitHub stars~1.4k tokensUpdated 6 days ago
    Auto-check passed
  • API Reference

    mobazha/mobazha-unified

    Look up Mobazha backend API endpoints, request/response formats, and field mappings.

    165 GitHub stars~1.7k tokensUpdated 6 days ago
    Auto-check passed
  • Code Review

    mobazha/mobazha-unified

    Review code for quality, architecture consistency, and adherence to Mobazha project standards using confidence-based filtering.

    165 GitHub stars~464 tokensUpdated 6 days ago
    Auto-check passed
  • Code Simplifier

    mobazha/mobazha-unified

    Simplify and refine recently written code for clarity, consistency, and maintainability while preserving all functionality.

    165 GitHub stars~601 tokensUpdated 6 days ago
    Auto-check passed
  • Commit Helper

    mobazha/mobazha-unified

    Generate commit messages and run pre-commit validation following Mobazha conventions.

    165 GitHub stars~735 tokensUpdated 6 days ago
    Auto-check passed
  • Component Dev

    mobazha/mobazha-unified

    Create and modify UI components following Mobazha conventions including directory structure, spacing standards, accessibility, and testing.

    165 GitHub stars~638 tokensUpdated 6 days ago
    Auto-check passed

Works with

Questions about Pg Tier2 Differentiation

What does Pg Tier2 Differentiation do?

Tier 2 差异化竞争力执行指南(PG-201~PG-206)。AI Store Builder、品牌化、AI 客服、收藏。触发词:"差异化", "AI Store Builder", "Tier 2", "PG-201"~"PG-206", "AI 客服". Pg Tier2 Differentiation is an agent skill from mobazha/mobazha-unified. Tier 2 差异化竞争力执行指南(PG-201~PG-206)。AI Store Builder、品牌化、AI 客服、收藏。触发词:"差异化", "AI Store Builder", "Tier 2", "PG-201"~"PG-206", "AI 客服".

How do I install Pg Tier2 Differentiation in Claude Code?

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

How do I install Pg Tier2 Differentiation in Codex?

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

Can I use Pg Tier2 Differentiation 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 pg-tier2-differentiation -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/pg-tier2-differentiation, .gemini/skills/pg-tier2-differentiation, .github/skills/pg-tier2-differentiation and .opencode/skills/pg-tier2-differentiation in your project.

What does Pg Tier2 Differentiation need to run?

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

Does Pg Tier2 Differentiation 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 Pg Tier2 Differentiation 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 Pg Tier2 Differentiation use?

Pg Tier2 Differentiation 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 Pg Tier2 Differentiation use?

About 1.9k tokens (SKILL.md is roughly 7.6k 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 Pg Tier2 Differentiation?

Skills that share tags, products or a category with Pg Tier2 Differentiation: Shopify (Shopify/Shopify-AI-Toolkit, 592 stars), E-commerce Visual Copywriting (feichanggege/ecommerce-visual-copywriting-skill, 858 stars), Reviewing Pull Requests (Shopify/shopify-app-js, 543 stars) and Better Design (marvkr/better-design, 254 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Pg Tier2 Differentiation?

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.