Detail Page — Development skill for Claude Code
상세페이지 파이프라인 — 상품 데이터(CSV/JSON) → 카피 생성 → 페이지 코드 → 동일 검증 게이트 (Phase 3).
How to install Detail Page
Installs to ~/.claude/skills/sodam-ai-sodam-design-kit-detail-page/SKILL.md
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 ★
- Boss Zhipin Scraper — Boss直聘爬虫 / BOSS直聘职位数据抓取工具,基于 Chrome CDP 协议复用真实登录态,绕过字体反爬,输出明文薪资 JSON/CSV + 薪资技能分析 1.5k ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
대회 분석
데이터 경진대회용 — EDA→모델링→제출 CSV 생성까지 (업로드는 승인 후)
URL To Page
URL을 입력받아 전체 페이지를 스크래핑하고, 섹션별 컴포넌트와 페이지 컴포넌트를 생성한다.
Marketing Asset
마케팅 소재 파이프라인 — 제목/부제(+명함은 추가 정보) → Satori+Sharp로 OG·포스터·배너·명함 이미지 생성 (Phase 3)
Tvl
tavlet 보드에 이번 세션 작업 등록·추적 (증거 심사 + 승인 게이트)
Evolve Cycle
진화 사이클 1회 실행 (게이트 전체 포함). 인자 생략 시 progress.json의 active_domain 사용
Blog New
키워드 하나로 블로그 글 패키지 풀 파이프라인 실행 (리서치→작성→이미지→검증)
Related Agents
Fidelity QA
팩 렌더를 원본 레퍼런스와 페이지 단위로 대조해 원문 충실도 7축을 채점하고 합격·반려를 판정하는 검증 게이트. Codex/GPT 이종 모델 교차검증을 병행한다. 팩을 직접 수정하지 않고 repai
St Searcher
SmartThink(/st) 파이프라인 1.5단계(데이터 주입, Light 모드 2.5단계 포함) 전용 검색 정찰. 주제의 원문 검색 결과를 자기 창에서 소화하고 구조화 데이터팩(2K 토큰 이내)만
Note Judge
마스터노트 심사위원 — 제작 착수 전에 기획(훅·대본·비트 구조·컷 설계·법적 프레임)을 100점 루브릭으로 채점. 75 미달이면 REVISE + 구체 처방. 파이프라인 1.5 게이트 — 나쁜 기획