# lyt-detail-page

> lyt 系列电商商品详情页生成 skill。用于用户主动调用本 skill，并上传产品图、包装图、规格图、商品资料、竞品详情页或视觉参考图后，从 0 生成商品详情页的信息结构、Slogan、逐屏文案、视觉 brief、图片生成提示词，以及…

lyt 系列电商商品详情页生成 skill。用于用户主动调用本 skill，并上传产品图、包装图、规格图、商品资料、竞品详情页或视觉参考图后，从 0 生成商品详情页的信息结构、Slogan、逐屏文案、视觉 brief、图片生成提示词，以及在工具可用时生成分屏图和完整长图。首轮信息收集必须让用户选择不使用 Slogan、提供已有文案或由 Agent 生成。只使用图片可见事实和用户确认资料，不根据外观编造功能、材质、功效、规格、认证、评价或销量。适用于 TikTok Shop 和跨境电商商品详情页，不用于诊断已有页面、判断产品值不值得做、单张参考图提示词反推或批量竞品主图归纳。
触发方式：/lyt-detail-page、/详情页生成、「根据产品图生成详情页」「帮我从 0 做商品详情页」「参考这套页面给我的产品做详情页」

- Type: Skill
- Made by: yyyyyzhao
- Category: E-commerce
- Formats: Skills
- Version: 5eb789c
- Source: https://github.com/yyyyyzhao/lytskill/tree/HEAD/skills/lyt-detail-page
- Page: https://pluginboard.ai/skills/lyt-detail-page

## Works with

- ChatGPT
- Claude
- Gemini
- GitHub Copilot
- Cursor
- Claude Code
- Codex
- Antigravity
- Gemini CLI
- Replit
- OpenClaw
- OpenCode
- Hermes Agent

## Install

### ChatGPT

In ChatGPT: Download the lyt-detail-page folder and zip it, then Plugins → Skills → Create → Upload from your computer. Business and Enterprise plans.

View the folder on GitHub: https://github.com/YYYYYZhao/Lytskill/tree/HEAD/skills/lyt-detail-page

### Claude

In Claude (web or desktop): Download the lyt-detail-page folder and zip the folder itself, then upload it in Customize → Skills.

View the folder on GitHub: https://github.com/YYYYYZhao/Lytskill/tree/HEAD/skills/lyt-detail-page

### Gemini

In Gemini: Download the lyt-detail-page folder, then at gemini.google.com click Customize → Skills → Create → Upload and pick the folder (or a .zip of it).

View the folder on GitHub: https://github.com/YYYYYZhao/Lytskill/tree/HEAD/skills/lyt-detail-page

### GitHub Copilot

Run in your terminal:

```shell
npx -y degit YYYYYZhao/Lytskill/skills/lyt-detail-page ~/.copilot/skills/lyt-detail-page
```

View the folder on GitHub: https://github.com/YYYYYZhao/Lytskill/tree/HEAD/skills/lyt-detail-page

### Cursor

Run in your terminal:

```shell
npx -y degit YYYYYZhao/Lytskill/skills/lyt-detail-page ~/.cursor/skills/lyt-detail-page
```

View the folder on GitHub: https://github.com/YYYYYZhao/Lytskill/tree/HEAD/skills/lyt-detail-page

### Claude Code

Run in your terminal:

```shell
npx -y degit YYYYYZhao/Lytskill/skills/lyt-detail-page ~/.claude/skills/lyt-detail-page
```

View the folder on GitHub: https://github.com/YYYYYZhao/Lytskill/tree/HEAD/skills/lyt-detail-page

Or all of Lytskill, in Claude Code:

```text
/plugin marketplace add YYYYYZhao/Lytskill
/plugin install lyt@lytskill
```

### Codex

Run in your terminal:

```shell
npx -y degit YYYYYZhao/Lytskill/skills/lyt-detail-page ~/.agents/skills/lyt-detail-page
```

View the folder on GitHub: https://github.com/YYYYYZhao/Lytskill/tree/HEAD/skills/lyt-detail-page

### Antigravity

In Antigravity: Copy the lyt-detail-page folder into ~/.gemini/config/skills (Antigravity app and IDE) or ~/.gemini/antigravity-cli/skills (Antigravity CLI).

View the folder on GitHub: https://github.com/YYYYYZhao/Lytskill/tree/HEAD/skills/lyt-detail-page

### Gemini CLI

Run in your terminal:

```shell
npx -y degit YYYYYZhao/Lytskill/skills/lyt-detail-page ~/.gemini/skills/lyt-detail-page
```

View the folder on GitHub: https://github.com/YYYYYZhao/Lytskill/tree/HEAD/skills/lyt-detail-page

### Replit

Run in your terminal:

```shell
npx -y degit YYYYYZhao/Lytskill/skills/lyt-detail-page .agents/skills/lyt-detail-page
```

View the folder on GitHub: https://github.com/YYYYYZhao/Lytskill/tree/HEAD/skills/lyt-detail-page

### OpenClaw

Run in your terminal:

```shell
npx -y degit YYYYYZhao/Lytskill/skills/lyt-detail-page ~/.openclaw/skills/lyt-detail-page
```

View the folder on GitHub: https://github.com/YYYYYZhao/Lytskill/tree/HEAD/skills/lyt-detail-page

### OpenCode

Run in your terminal:

```shell
npx -y degit YYYYYZhao/Lytskill/skills/lyt-detail-page ~/.config/opencode/skills/lyt-detail-page
```

View the folder on GitHub: https://github.com/YYYYYZhao/Lytskill/tree/HEAD/skills/lyt-detail-page

### Hermes Agent

Run in your terminal:

```shell
npx -y degit YYYYYZhao/Lytskill/skills/lyt-detail-page ~/.hermes/skills/lyt-detail-page
```

View the folder on GitHub: https://github.com/YYYYYZhao/Lytskill/tree/HEAD/skills/lyt-detail-page

---
From Pluginboard (https://pluginboard.ai).