@yuni-musibe/detailpage-figmaPublic

제품/주제만 입력하면 4-에이전트 파이프라인(기획→카피→디자인→검수)이 한국 쇼핑몰(스마트스토어/쿠팡 표준 860px) 상세페이지 long PNG를 생성하고 Figma 파일에 단일 프레임으로 자동 업로드합니다.

10 installsv0.1.1

detailpageecommercefigmakoreanai-agentsautomationshopping-mallHybrid

Install command

anpm install detailpage-figma

Install

Type /detailpage-figma in the chat.

Auto-applied rules are also installed.

Commands

Commands	README
/detailpage-figma	제품/주제만 입력하면 4-에이전트 파이프라인(기획→카피→디자인→검수)이 한국 쇼핑몰(스마트스토어/쿠팡 표준 860px) 상세페이지 long PNG를 생성하고 Figma 파일에 단일 프레임으로 자동 업로드합니다.

Components

detailpage-copywriterdetailpage-copywriter

detailpage-designerdetailpage-designer

detailpage-plannerdetailpage-planner

detailpage-reviewerdetailpage-reviewer

detailpage쇼핑몰 상세페이지를 자동 생성하고 Figma에 업로드합니다. 제품/주제를 자연어로 입력하면 4개의 전문 에이전트(기획→카피→디자인→검수)가 협업하여 e-commerce 상세페이지 PNG 이미지를 만들고, 생성된 long PNG를 Figma 파일에 한 장의 프레임으로 자동 배치합니다. 옵션으로 제품유형, 타겟, 톤, 섹션 수, 스타일, Figma 파일 URL 등을 지정할 수 있습니다.

Requirements

MCP Servers

plugin:figma:figmaOptional

NPM Packages

puppeteer

@google/genaiOptional

dotenvOptional

Environment Variables

GOOGLE_API_KEY

Optional

Gemini 2.5 Flash Image API 키. 상세페이지는 이미지가 매출과 직결되므로 사실상 권장합니다. 키가 없으면 SVG/CSS로 대체되지만 상품성 이미지 효과는 떨어집니다.

1. https://aistudio.google.com/app/apikey 에서 무료 API 키 발급

Runtime

Node.js >=18

Install

Commands

by

Components

Requirements

Install command