Files
appkit/.specify/templates/policy-content-rating.md
rupy1014 e9b0c00be7 Refactor to 5-step workflow (new → mvp → ui → policy → visualize)
- Remove old commands: spec, customer, sales, merge, design
- Add new commands: ui, policy, visualize
- Update mvp to include landing page generation
- Add templates for mockup, policy, and UI documents
- Simplify output path (remove [project] subfolder)
- Rewrite README focused on usage

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-14 20:07:13 +09:00

199 lines
7.5 KiB
Markdown

# 콘텐츠 등급 정책 (Content Rating)
> 코드: `CR` | 연령 제한, 콘텐츠 등급, 경고 표시 정책
---
## CR-001: [정책명 - 예: 연령 등급 시스템]
### 정책 내용
| 등급 | 대상 연령 | 아이콘 | 설명 |
|-----|---------|-------|------|
| 전체 | 모든 연령 | 🟢 | 모든 이용자 이용 가능 |
| 12+ | 12세 이상 | 🟡 | [설명] |
| 15+ | 15세 이상 | 🟠 | [설명] |
| 19+ | 19세 이상 | 🔴 | 성인만 이용 가능 |
### 적용 화면
- `[화면1].html` - 콘텐츠 목록
- `[화면2].html` - 콘텐츠 상세
- `[화면3].html` - 검색 결과
### UI 영향
| 화면 | 위치 | 표시 방식 | mockup |
|-----|------|----------|--------|
| [화면1] | [위치] | [표시 방식] | [파일명].html |
### UI 표시
```
[콘텐츠 카드 - 등급 배지]
┌─────────────────────────────────────┐
│ [썸네일] │
│ 🔴 19+ │
│ [제목] │
│ [설명] │
└─────────────────────────────────────┘
[등급 필터]
┌─────────────────────────────────────┐
│ 등급 필터 │
│ ☑️ 전체 ☑️ 12+ ☑️ 15+ ☐ 19+ │
└─────────────────────────────────────┘
```
---
## CR-002: [정책명 - 예: 연령 인증]
### 정책 내용
- [인증 방법 1]
- [인증 방법 2]
- [인증 유효 기간]
### 적용 화면
- `[화면1].html` - 인증 화면
- `[화면2].html` - 성인 콘텐츠 진입
### 인증 플로우
```
[미인증 상태]
└─→ 19+ 콘텐츠 접근 시도
└─→ 인증 필요 팝업
├─→ [인증하기] → 인증 화면
│ │
│ └─→ 인증 완료 → 콘텐츠 접근
└─→ [취소] → 이전 화면
```
### UI 표시
```
[연령 인증 필요 팝업]
┌─────────────────────────────────────┐
│ 🔞 성인 인증이 필요합니다 │
│ │
│ 이 콘텐츠는 19세 이상만 │
│ 이용할 수 있습니다. │
│ │
│ [취소] [인증하기] │
└─────────────────────────────────────┘
[인증 화면]
┌─────────────────────────────────────┐
│ 🔐 성인 인증 │
├─────────────────────────────────────┤
│ │
│ 인증 방법을 선택해주세요 │
│ │
│ ┌─────────────────────────────┐ │
│ │ 📱 휴대폰 본인인증 │ │
│ └─────────────────────────────┘ │
│ ┌─────────────────────────────┐ │
│ │ 💳 신용카드 인증 │ │
│ └─────────────────────────────┘ │
│ ┌─────────────────────────────┐ │
│ │ 🏦 아이핀 인증 │ │
│ └─────────────────────────────┘ │
│ │
└─────────────────────────────────────┘
```
---
## CR-003: [정책명 - 예: 콘텐츠 경고]
### 정책 내용
| 경고 유형 | 아이콘 | 설명 |
|---------|-------|------|
| 폭력성 | ⚔️ | 폭력적인 장면 포함 |
| 선정성 | 💋 | 선정적인 내용 포함 |
| 공포 | 👻 | 공포/호러 요소 포함 |
| 언어 | 🗣️ | 거친 언어 포함 |
| 약물 | 💊 | 약물/음주 관련 내용 |
### 적용 화면
- `[화면1].html` - 콘텐츠 상세
- `[화면2].html` - 콘텐츠 시작 전
### UI 표시
```
[콘텐츠 경고 배지]
┌─────────────────────────────────────┐
│ ⚠️ 콘텐츠 경고 │
│ ⚔️ 폭력성 👻 공포 │
└─────────────────────────────────────┘
[시작 전 경고]
┌─────────────────────────────────────┐
│ ⚠️ 콘텐츠 안내 │
│ │
│ 이 콘텐츠에는 다음 요소가 │
│ 포함되어 있습니다: │
│ │
│ ⚔️ 폭력적인 장면 │
│ 👻 공포/호러 요소 │
│ │
│ 계속하시겠습니까? │
│ │
│ [돌아가기] [계속하기] │
└─────────────────────────────────────┘
```
---
## CR-004: [정책명 - 예: 세이프 모드]
### 정책 내용
- [세이프 모드 설명]
- [필터링 대상]
- [설정 방법]
### 적용 화면
- `settings.html` - 세이프 모드 설정
- 전체 콘텐츠 목록
### UI 표시
```
[설정 화면]
┌─────────────────────────────────────┐
│ 🛡️ 세이프 모드 │
│ │
│ 민감한 콘텐츠를 필터링합니다 │
│ │
│ [토글 ON/OFF] │
│ │
│ • 19+ 콘텐츠 숨김 │
│ • 성인 키워드 필터링 │
│ • 민감한 이미지 블러 처리 │
└─────────────────────────────────────┘
[세이프 모드 활성화 시 콘텐츠 표시]
┌─────────────────────────────────────┐
│ [블러 처리된 썸네일] │
│ 🛡️ 세이프 모드에서 숨겨진 콘텐츠 │
│ [설정에서 해제] │
└─────────────────────────────────────┘
```
---
## 관련 mockup
| 정책 | mockup 파일 |
|-----|------------|
| CR-001 | [목록].html, [상세].html |
| CR-002 | auth.html, [콘텐츠].html |
| CR-003 | [콘텐츠].html |
| CR-004 | settings.html |