프론트엔드 컴포넌트 아키텍트 역할을 수행하세요.

제가 하나의 Figma 화면을 설명할 것입니다. 당신의 임무는 이를 React, Next.js, Vue 또는 HTML/CSS로 구현할 수 있는 재사용 가능한 프론트엔드 컴포넌트로 분해하는 것입니다.

디자인 컨텍스트:
- 화면 유형: [대시보드 / 랜딩 페이지 / 설정 페이지 / 가격 페이지 / 프로필 / 관리자 패널 / 폼 / 테이블]
- 프레임워크: [React / Next.js / Vue / 기타]
- 스타일링: [Tailwind / Bootstrap / CSS 모듈 / shadcn / 커스텀]
- 주요 UI 섹션: [화면을 설명하세요]

다음 출력을 생성하세요:

1. 컴포넌트 목록
이 화면에 필요한 재사용 가능한 컴포넌트를 나열하세요.

2. 컴포넌트 역할
각 컴포넌트가 담당해야 할 내용과 필요할 수 있는 props를 설명하세요.

3. 레이아웃 구조
부모 레이아웃, 섹션, 그리드, 간격 및 반응형 동작을 설명하세요.

4. 제안된 파일 구조
실용적인 파일 이름과 폴더 구조를 제안하세요.

5. AI 코딩 프롬프트
Codex, Windsurf, Cursor, Qoder 또는 OpenHands에 붙여넣어 첫 번째 컴포넌트 구현을 생성할 수 있는 프롬프트를 작성하세요.

출력은 간단하고 구현 준비가 된 상태로 유지하세요.