Menú
Korean e-commerce detail page domain knowledge for Takdi product design.
Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.
Basado en la clasificación ocupacional SOC
Sync status docs after implementation milestones.
10-step checklist for adding a new block type to the compose editor.
Drag, selection, keyboard, and inline editing patterns for the compose editor.
Unified image/asset upload pattern for the compose editor.
Takdi 프로젝트의 코드 구조 컨벤션 — 이름 매핑, 폴더 문서화, 파일 헤더.
Keep API routes and type contracts synchronized with docs.
| name | detail-page-knowledge |
| description | Korean e-commerce detail page domain knowledge for Takdi product design. |
docs/ref/PRD.md -- product goaldocs/ref/WIREFRAME-NODE-BYOI.md -- wireframe specdocs/ref/USER-FLOW.md -- user flowe-commerce product detail page. The long-scroll content area below the product title/price on Korean marketplaces (Coupang, Naver SmartStore, 11번가, Gmarket, etc.).
| # | Section | Korean Name | Purpose |
|---|---|---|---|
| 1 | Hero Banner | 대표 이미지 | First impression, hook |
| 2 | Brand Intro | 브랜드 소개 | Trust building |
| 3 | Key Selling Points | 핵심 셀링포인트 | Why buy THIS product |
| 4 | Detail Shots | 상세 컷 | Show product up close |
| 5 | Usage / How-to | 사용법 | Remove uncertainty |
| 6 | Spec Table | 상세 스펙 | Technical details |
| 7 | Comparison | 비교 | Competitive advantage |
| 8 | Reviews / Social Proof | 후기/인증 | Build trust |
| 9 | CTA / Purchase Guide | 구매 안내 | Close the sale |
Key rule: One message per section.
src/types/blocks.ts13종: hero, selling-point, image-full, image-grid, text-block, image-text, spec-table, comparison, review, divider, video, cta, usage-steps
Full type definitions and editable properties: see docs/ref/SCHEMA-INDEX.md (Type Contract section).
| Platform | Width | Max Height/Image | GIF | Video |
|---|---|---|---|---|
| Coupang | 780px | 5,000px | No | Limited |
| Naver SmartStore | 860px | No hard limit | Yes | Yes |
| 11번가 | 860px | 3,000px | Yes | No |
| Gmarket | 860px | No hard limit | Yes | No |
Full mode descriptions and UI copy examples: see docs/ref/PRD.md.