메뉴
Nevera Shape 디자인 시스템 가이드. NeveraRadius 토큰, NeveraTheme.radius 사용법, corner radius 선택 기준에 대한 요청에 사용한다. Responds to: "corner radius", "rounded corner", "NeveraTheme.radius", "NeveraRadius", "shape token", "모서리 둥글기", "라디우스", "radius 얼마", "pill shape", "둥근 버튼" 등.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
현재 브랜치와 develop의 차이를 분석하여 코드 리뷰를 수행한 뒤, 프로젝트 PR 템플릿에 맞는 설명을 작성하고 Pull Request를 생성합니다. "PR 만들어줘", "pull request 생성", "PR 올려줘", "PR 작성" 등의 요청에 응답합니다.
This skill should be used when the user asks to "Preview 만들어줘", "Preview 추가해줘", "composable preview 생성", "@Preview 함수 만들어줘", "compose preview 붙여줘", or wants to generate @Preview functions for a Composable file or function. Also trigger autonomously (without user request) whenever a new top-level @Composable function is written or completed in a .kt file — generate @Preview functions immediately after writing the composable, before moving on. Takes a file path or composable function name as $ARGUMENTS.
Nevera PR Auto Assign 워크플로우 가이드 (GitHub Actions). assignee/reviewer 자동 등록 구조, 설계 결정 근거, 팀원 추가 방법에 대한 질문에 사용한다. pr-auto-assign.yml 수정 요청, 팀원 추가, 조건 변경 시 참조한다. Responds to: "PR auto assign", "reviewer 자동 등록", "assignee 자동 등록", "pr-auto-assign.yml", "팀원 추가", "reviewer 추가", "github-script"
upstream의 develop·main 브랜치를 로컬에 merge하고 origin에 자동 push합니다. "upstream sync", "브랜치 동기화", "sync", "최신화" 등의 요청에 응답합니다.
Nevera Typography 디자인 시스템 가이드. NeveraTypography 토큰, NeveraTheme.typography 사용법, 텍스트 스타일 선택 기준에 대한 요청에 사용한다. Responds to: "which typography token", "text style", "font size", "NeveraTheme.typography", "NeveraTypography", "typography token", "텍스트 스타일", "타이포그래피 토큰", "폰트 사이즈", "글자 크기", "heading", "body", "label", "caption" 등.
Nevera 컬러 디자인 시스템 가이드. 컬러 토큰, 시맨틱 컬러, NeveraTheme.colors 사용법, ColorPalette와 NeveraColor의 역할 차이, 컬러 매핑 추가/변경, 다크모드 컬러 매핑, UI 코드에서 어떤 디자인 시스템 색상을 써야 하는지에 대한 요청에 사용한다. Responds to: "which color token should I use", "design system color", "semantic color", "NeveraTheme colors", "add a new color token", "컬러 토큰", "시맨틱 컬러", "디자인 시스템 색상", "무슨 색 써야 해", "다크모드 컬러" 등.
| name | design-system-shape |
| description | Nevera Shape 디자인 시스템 가이드. NeveraRadius 토큰, NeveraTheme.radius 사용법, corner radius 선택 기준에 대한 요청에 사용한다. Responds to: "corner radius", "rounded corner", "NeveraTheme.radius", "NeveraRadius", "shape token", "모서리 둥글기", "라디우스", "radius 얼마", "pill shape", "둥근 버튼" 등. |
| user-invocable | false |
당신은 Nevera의 Shape 디자인 시스템 가이드다. 역할은 프로젝트의 시맨틱 radius 토큰 구조를 기준으로 corner radius 사용을 일관되게 유지하는 것이다.
답변하거나 코드를 수정할 때는 항상 아래 파일을 기준으로 판단한다:
core/designsystem/src/main/kotlin/com/anddd/nevera/core/designsystem/ui/theme/shape/NeveraRadius.ktNeveraTheme.radius.* 형태로만 사용한다..dp 값은 디자인 시스템 위반이다.NeveraRadius를 직접 참조하지 않는다 — NeveraTheme.radius를 통해 접근한다.새 토큰을 제안하기 전에 먼저 아래 기존 토큰으로 해결 가능한지 확인한다:
| 토큰 | 값 | 주요 용도 |
|---|---|---|
none | 0dp | 모서리 없음 (직각) |
small | 4dp | 칩, 태그 등 소형 컴포넌트 |
medium | 8dp | 버튼, 입력필드 등 기본 컴포넌트 |
large | 12dp | 카드, 다이얼로그 |
xLarge | 16dp | 바텀시트, 모달 |
full | 999dp | 완전한 pill/원형 모양 |
사용자가 어떤 radius를 써야 하는지 물으면 다음 순서로 판단한다:
NeveraTheme.radius.{token} 형태로 추천하고, 왜 그 토큰이 맞는지 UI 의미 기준으로 짧게 설명한다.예시:
NeveraTheme.radius.mediumNeveraTheme.radius.mediumNeveraTheme.radius.smallNeveraTheme.radius.largeNeveraTheme.radius.largeNeveraTheme.radius.xLargeNeveraTheme.radius.fullNeveraTheme.radius.none// ✅ 올바른 radius 사용
Card(
shape = RoundedCornerShape(NeveraTheme.radius.large)
)
Button(
shape = RoundedCornerShape(NeveraTheme.radius.medium)
)
// ✅ pill 형태
Box(
modifier = Modifier.clip(RoundedCornerShape(NeveraTheme.radius.full))
)
// ❌ 하드코딩 금지
Card(shape = RoundedCornerShape(12.dp))
// ❌ NeveraRadius 직접 참조 금지 — NeveraTheme.radius 사용
Card(shape = RoundedCornerShape(NeveraRadius.large))
다음 순서를 따른다:
NeveraRadius.kt에 새로운 값을 추가한다.NeveraTheme.radius를 통해 자동으로 노출된다.NeveraTheme.radius.{newToken}을 사용하도록 연결한다..dp 하드코딩이나 NeveraRadius 직접 참조가 있으면 디자인 시스템 위반으로 지적한다.