Community코딩 & 개발github.com

Gayaya999/ecommerce-detail-page-generator

최근 업데이트된 에이전트 스킬 관련 GitHub 저장소: Gayaya999/ecommerce-detail-page-generator. 이 스킬은 전자상거래 상품 상세 페이지를 자동으로 생성합니다.

ecommerce-detail-page-generator란 무엇인가요?

Gayaya999/ecommerce-detail-page-generator는 AI 에이전트(예: Claude Code, Cursor, Codex)를 위한 전문 스킬로, 전자상거래 상품의 상세 페이지(상품 설명, 이미지 레이아웃, 가격 정보, 리뷰 섹션 등)를 자동으로 생성합니다. 이 스킬은 개발자나 에이전트 사용자가 상품 데이터(예: JSON 또는 CSV 형식)를 제공하면, 이를 분석하여 마크업(HTML/CSS)과 콘텐츠(제품명, 설명, 가격, 평점 등)를 통합한 완성된 상세 페이지를 출력합니다. 최근 업데이트된 GitHub 저장소를 기반으로 하며, 주로 전자상거래 플랫폼(Shopify, WooCommerce 등)이나 정적 사이트 생성기와 통합하여 사용할 수 있습니다. 이 스킬의 핵심 장점은 반복적인 상품 페이지 작성 작업을 자동화하여 개발 시간을 단축하고 일관된 디자인을 유지할 수 있다는 점입니다. Cursor, Codex, Claude Code 등 다양한 AI 에이전트 플랫폼에서 실행 가능하며, SKILL.md 문서에 정의된 지시사항을 따라 입력 데이터를 처리하고 출력을 생성합니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add Gayaya999/ecommerce-detail-page-generator

Installed? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

ecommerce-detail-page-generator은(는) 무엇을 하나요?

최근 업데이트된 에이전트 스킬 관련 GitHub 저장소: Gayaya999/ecommerce-detail-page-generator.

개요

이 스킬은 전자상거래 상품 상세 페이지를 자동으로 생성하는 AI 에이전트 스킬입니다. 사용자가 상품 데이터를 제공하면, product.json 또는 products.csv와 같은 입력 파일을 기반으로 완전한 HTML 상세 페이지를 생성합니다.

주요 기능

  • 상품 데이터(JSON/CSV)를 분석하여 상세 페이지 생성
  • 자동 이미지 레이아웃 및 스타일링
  • 가격, 할인, 재고 상태 정보 포함
  • 고객 리뷰 섹션 자동 생성
  • 반응형 디자인 지원

지원 플랫폼

  • Claude Code
  • Cursor
  • Codex
  • 기타 AI 에이전트 도구

사용 방법

  1. 상품 데이터 파일 준비 (예: product.json)
  2. AI 에이전트에 스킬 로드
  3. 명령 실행: generate-detail-page --input product.json --output detail.html
  4. 생성된 detail.html 파일을 웹사이트에 배포

입력 형식 예시

{
  "product": {
    "name": "스마트 워치",
    "description": "고급 기능을 갖춘 스마트 워치",
    "price": 199.99,
    "currency": "USD",
    "images": ["image1.jpg", "image2.jpg"],
    "reviews": [
      {"user": "사용자1", "rating": 5, "comment": "훌륭한 제품입니다!"},
      {"user": "사용자2", "rating": 4, "comment": "좋습니다. 배송이 빠르네요."}
    ]
  }
}

출력 예시

생성된 상세 페이지는 표준 HTML/CSS 파일로 제공되며, 브라우저에서 바로 확인할 수 있습니다.

환경 변수

  • OUTPUT_DIR: 출력 파일 저장 디렉토리 (기본값: ./output)
  • TEMPLATE: 사용자 정의 템플릿 파일 경로 (선택 사항)

참고 사항

  • 최신 업데이트 내용은 GitHub 저장소에서 확인하세요.
  • 버그 리포트 또는 기능 제안은 Issues 섹션을 이용해 주세요.

관련 스킬