lyt-detail-page

Generate e-commerce product detail pages from product photos and confirmed specifications.

43|4|Updated May 30, 2026
One-click install
npx skills add https://github.com/YYYYYZhao/Lytskill --skill lyt-detail-page
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: lyt-detail-page
Source: https://github.com/YYYYYZhao/Lytskill/tree/main/skills/lyt-detail-page
Command: npx skills add https://github.com/YYYYYZhao/Lytskill --skill lyt-detail-page

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps you create clear, evidence-based e-commerce product detail pages when you have product photos, packaging shots, specs, or reference pages but do not yet have a structured page. It turns scattered product facts into a page plan, then into screen-by-screen copy, visual guidance, and optional production assets.

Core Features & Use Cases

  • From-scratch detail page creation: Build a complete TikTok Shop or cross-border e-commerce detail page from product images and confirmed materials.
  • Page structure and copy planning: Organize the page into modules such as hero, benefits, usage, specs, packaging, and FAQ, with copy grounded only in confirmed facts.
  • Slogan handling and iteration: Generate or preserve brand, product, and campaign slogans, then refine individual modules without changing the rest of the page.
  • Reference-driven design: Use competitor pages or visual references for layout, pacing, and style while preventing unsupported brand, spec, or performance claims from leaking in.
  • Production-ready outputs: For supported workflows, generate module previews, confirm them one by one, and then assemble the final long-form detail page.

Quick Start

Use the lyt-detail-page skill to create a product detail page from my product photos and confirmed specs, and give me the page plan first.

Frequently Asked Questions about lyt-detail-page

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create an e-commerce product detail page from product photos and specs?

To create an e-commerce product detail page, provide product photos, packaging images, and confirmed specs to generate a structured page plan with module-by-module copy, slogans, and visual guidance.

Can I generate TikTok Shop detail page copy using visual references and competitor layouts?

Yes, you can generate TikTok Shop detail page copy using visual references. The workflow applies reference-driven design for layout and pacing while strictly preventing unsupported brand or spec claims from leaking into the copy.

What is the best way to plan the structure for a cross-border e-commerce detail page?

Planning a cross-border e-commerce detail page structure involves organizing confirmed facts into modules such as hero, benefits, usage, specs, packaging, and FAQ, ensuring all copy remains grounded in evidence.

How do I iterate on slogans and individual module copy without rewriting the entire detail page?

You can iterate on slogans and individual module copy by refining specific sections independently. The workflow preserves existing brand or campaign slogans and allows screen-level refinement without altering the rest of the page.

Does detail page generation require fact gating for product specifications and performance claims?

Detail page generation requires strict fact gating for product specifications and performance claims. This mechanism ensures module copy is evidence-based and prevents unsupported claims from entering the final layout.

What limitations exist when using reference pages for detail page layout planning?

A key limitation when using reference pages for layout planning is that visual references guide style and pacing only. The workflow enforces fact gating to block any unverified specs or brand claims found in competitor references.