sodam-ai

Detail Page — Development skill for Claude Code

Development community

상세페이지 파이프라인 — 상품 데이터(CSV/JSON) → 카피 생성 → 페이지 코드 → 동일 검증 게이트 (Phase 3).

How to install Detail Page

Installs to ~/.claude/skills/sodam-ai-sodam-design-kit-detail-page/SKILL.md

Terminal

mkdir -p ~/.claude/skills/sodam-ai-sodam-design-kit-detail-page && curl -fsSL https://raw.githubusercontent.com/sodam-ai/SoDam-Design-Kit/HEAD/commands/detail-page.md -o ~/.claude/skills/sodam-ai-sodam-design-kit-detail-page/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What Detail Page does

description: 상세페이지 파이프라인 — 상품 데이터(CSV/JSON) → 카피 생성 → 페이지 코드 → 동일 검증 게이트 (Phase 3)

/sodam-design-kit:detail-page

**Phase 3 첫 증분 — 2026-08-10 구현**. `03_PHASES.md` L110 범위: "상품 데이터(CSV/JSON) → 카피 생성 → 페이지 코드 → 동일 검증 게이트". 검증은 `verify-runner.mjs`를 전혀 수정하지 않고 그대로 재사용한다.

목적

상품 데이터 파일 1개(CSV 또는 JSON)에서 상품 1건을 골라 카피(제목·USP·설명·FAQ)를 작성하고, 그 카피를 렌더하는 상세페이지 코드로 연결한 뒤 검증 게이트를 통과해야만 완료로 표시합니다.

설계 요점 (왜 파일이 1개가 아니라 2종류인가)

템플릿 코드는 프로젝트당 1개: /products/[slug]/page.tsx — Ne

Alternatives in Development

Gallery — Build a static, shareable gallery from your fidelity reports — an index of score cards plus a permalink page ( 3.6k ★
Portaljs Add Geo — Auto-ingest a geospatial file (GeoJSON, Shapefile, GeoPackage, KML/KMZ, FlatGeobuf, CSV-with-geometry) into a 2.3k ★
Car Wash — Page builder: Elementor 648 ★