feat: 한국어 우선 쇼케이스 정리
This commit is contained in:
parent
e4087c29f5
commit
2b7fa32b5b
109 changed files with 437 additions and 279 deletions
|
|
@ -1,5 +1,11 @@
|
|||
# designpaca
|
||||
|
||||
## 0.9.2
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- 컴퓨터 로케일을 기본 카피 언어로 고정하고, 영어 외 제3언어와 무관한 문화권 장식을 명시 요청 없이 생성하지 않도록 한다.
|
||||
|
||||
## 0.9.1
|
||||
|
||||
### Patch Changes
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "designpaca",
|
||||
"version": "0.9.1",
|
||||
"version": "0.9.2",
|
||||
"description": "웹 디자인 파이프라인 스킬 — Claude Code · Codex · Cursor 에 한 줄로 설치한다",
|
||||
"keywords": [
|
||||
"design",
|
||||
|
|
|
|||
|
|
@ -1,5 +1,11 @@
|
|||
# @designpaca/core
|
||||
|
||||
## 0.9.2
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- 컴퓨터 로케일을 기본 카피 언어로 고정하고, 영어 외 제3언어와 무관한 문화권 장식을 명시 요청 없이 생성하지 않도록 한다.
|
||||
|
||||
## 0.9.1
|
||||
|
||||
### Patch Changes
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "@designpaca/core",
|
||||
"version": "0.9.1",
|
||||
"version": "0.9.2",
|
||||
"private": true,
|
||||
"description": "designpaca 설치 엔진 — 타깃 어댑터, 매니페스트, 드리프트 감지",
|
||||
"type": "module",
|
||||
|
|
|
|||
|
|
@ -1,5 +1,11 @@
|
|||
# CHANGELOG
|
||||
|
||||
## 0.9.2
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- 컴퓨터 로케일을 기본 카피 언어로 고정하고, 영어 외 제3언어와 무관한 문화권 장식을 명시 요청 없이 생성하지 않도록 한다.
|
||||
|
||||
## 0.9.1
|
||||
|
||||
### Patch Changes
|
||||
|
|
|
|||
|
|
@ -36,6 +36,7 @@ description: "웹 디자인 전 과정을 끌고 가는 파이프라인 스킬.
|
|||
5. **성능 예산을 넘기면 그 이펙트는 채택하지 않는다.** 예산은 3단계에서 정하고 5단계에서 검증한다. 데모·포트폴리오 브리프면 예산을 올려도 되지만 **올렸다고 말해야 한다**.
|
||||
6. **완료의 정의는 게이트 통과다(자율 검증 폐쇄 루프).** 5단계에서 `tools/design-gate.mjs` 를 프로젝트에 심어 돌리고, 실패 항목이 있으면 4단계로 돌아가 고치고 **전체를 재실행**한다. 게이트 없이 6단계로 넘어가지 않는다. 사용자를 QA 로 쓰지 않는다 — 검증은 기본 내장, 사용자 피드백은 보조다. 상세는 `references/audit-gate.md`. **게이트는 계측이고 계측엔 공백이 있다**(왼쪽 인셋·시각적 무게는 오버플로 검사를 통과한다). 사용자 보고가 오면 방어하지 말라 — 스크린샷을 픽셀 판정으로 해부해 원인을 수치화하고, 그 검사를 게이트에 추가해 재발을 막는다(하니스 규칙 15~17).
|
||||
7. **OS·플랫폼 관습은 조사 없이 바꾸지 않는다.** 내비 구조·뒤로가기·시트·safe area·터치 타깃 같은 관습은 사용자가 이미 OS 전체에서 배운 것이다. "웹에서는 그랬다"를 폰에 옮기면 백 키가 앱을 종료하는 웹앱이 된다(실측 사고). 바꾸기 전에 HIG·M3·NN/g 에서 근거를 찾고, 모바일 앱 수준 브리프면 `references/mobile-app-ux.md` 를 구현 전에 읽는다.
|
||||
8. **언어와 문화권은 컴퓨터 로케일을 기본값으로 삼는다.** 새로 쓰는 UI 카피·메타데이터·빈 상태·오류 문구·장식 텍스트·이미지 안의 글자는 OS 로케일의 언어로 만든다. 영어는 기술 용어·국제 브랜드·짧은 보조 표기처럼 필요한 범위에서만 허용한다. 그 밖의 언어·문자(한국어 로케일에서는 한자·중국어·일본어 포함)와 이를 흉내 낸 인장·세로쓰기·서예·동아시아 이국화 장식은 사용자가 명시적으로 요청하거나 원본 브랜드 자산으로 제공하지 않는 한 만들지 않는다. 원본에 있는 고유명사·인용문은 임의로 고치지 않되, 에이전트가 새 레이블로 증식시키지 않는다.
|
||||
|
||||
**접근성은 예외다. 이것만은 협상하지 않는다.** 키보드·포커스·대비·`prefers-reduced-motion`은 어떤 이펙트보다, 어떤 브리프보다 우선한다. 픽셀은 왜곡해도 DOM은 살린다.
|
||||
|
||||
|
|
@ -59,6 +60,23 @@ description: "웹 디자인 전 과정을 끌고 가는 파이프라인 스킬.
|
|||
제약: (기술 스택 / 기존 브랜드 / 기한 / 성능 요구 / 콘텐츠 유무)
|
||||
```
|
||||
|
||||
### 언어·지역 기본값을 확정한다
|
||||
|
||||
**사용자의 명시 언어와 프로젝트의 기존 로컬라이제이션이 최우선**이다. 둘 다 없으면 작업을 시작하기 전에 현재 컴퓨터의 로케일을 읽고, 그 언어를 기본 출력 언어로 고정한다. 운영체제별 예시는 다음과 같다.
|
||||
|
||||
| 환경 | 확인 명령 |
|
||||
|---|---|
|
||||
| Windows PowerShell | `Get-Culture \| Select-Object Name, TwoLetterISOLanguageName` |
|
||||
| macOS | `defaults read -g AppleLocale` |
|
||||
| Linux | `locale` (`LANG` 포함) |
|
||||
|
||||
- 로케일을 읽을 수 없으면 사용자의 대화 언어, 그다음 프로젝트의 기존 `lang`/번역 파일을 근거로 삼고, 둘 다 불명확할 때만 질문한다.
|
||||
- 기본 언어는 화면 카피뿐 아니라 제목·description·OG·ARIA 라벨·폼 검증·상태 문구·예제 데이터·생성 이미지 속 문구까지 적용한다. `<html lang>`도 맞춘다.
|
||||
- 영어는 필요한 국제 표기와 사용자가 준 고유명사에 한해 병기할 수 있다. **영어 이외의 제3언어는 사용자가 명시적으로 요청하거나 제공한 원문을 보존할 때만** 쓴다.
|
||||
- 문화권을 암시하는 시각 장치도 언어와 같은 규칙을 따른다. 로케일·브리프와 무관한 한자, 중국어·일본어, 세로쓰기, 낙관·인장, 붓글씨·먹·종이결 같은 클리셰를 분위기용으로 끼워 넣지 않는다.
|
||||
|
||||
이 결정은 브리프 제약 줄에 `기본 언어: ko-KR 한국어, 영어 보조만`처럼 기록한다. 예를 들어 `ko-KR` 환경에서는 모든 새 카피를 한글로 쓰고, 한자는 한글 표기로 바꾼다.
|
||||
|
||||
**규모를 판정한다.** 셋 다 사실 질문이다. 추측하지 말고 파일을 보고 답해라.
|
||||
|
||||
- **A.** 없던 화면을 새로 만드는가?
|
||||
|
|
@ -310,6 +328,7 @@ HTML-in-Canvas(`drawElementImage`)는 **폴백을 완성한 뒤에만** 얹는
|
|||
12. `<div>` 로 만든 가짜 스크린샷·가짜 브라우저바·가짜 폰 프레임이 있는가?
|
||||
13. **토큰 체계·프리셋을 바꿨는데 브랜드 표면(theme-color 메타·파비콘·og:image)이 옛 값을 그대로 쓰고 있는가?** 실측 사고: 프리셋 전환 11버전 뒤에 종이 시대 파비콘·theme-color 가 살아 있었다. 토큰 마이그레이션은 이 셋을 갱신하기 전까지 끝난 게 아니다. `theme-color` 는 실제 배경색과 같아야 한다(게이트가 비교한다)
|
||||
14. **HTML·JS 에서 사라진 컴포넌트의 CSS 규칙·JS 함수가 남아 있는가?** 제거는 HTML·CSS·JS 삼위일체다. 게이트의 죽은 선택자 검사가 클래스 사용률을 대조한다
|
||||
15. **현재 로케일 기본값·명시 브리프와 무관한 제3언어 또는 문화권 클리셰를 에이전트가 새로 넣었는가?** 화면·메타·ARIA·예제 데이터·생성 이미지와 세로쓰기·인장·서예성 장식까지 실제 렌더에서 확인한다. 한국어 로케일에서는 한자·중국어·일본어의 신규 사용이 이에 해당한다. 영어와 사용자가 제공한 원문은 예외다.
|
||||
|
||||
#### 카운트 규칙
|
||||
|
||||
|
|
@ -322,9 +341,9 @@ HTML-in-Canvas(`drawElementImage`)는 **폴백을 완성한 뒤에만** 얹는
|
|||
- 히어로: 헤드라인 ≤ 2줄, 서브텍스트 ≤ 20단어, 텍스트 요소 ≤ 4개
|
||||
|
||||
**국소 경로는 카운트를 페이지 전체로 다시 세지 않는다.** 내가 손댄 부분이 기존 카운트를 넘기게 만드는지만 본다.
|
||||
**하드 게이트 14개는 경로와 무관하게 전부 돈다.**
|
||||
**하드 게이트 15개는 경로와 무관하게 전부 돈다.**
|
||||
|
||||
> 통과 조건: 하드 게이트 14개 전부 "아니오", 카운트 규칙 통과, `preflight.md` 체크리스트 통과. 실패 항목이 있으면 4단계로 돌아간다.
|
||||
> 통과 조건: 하드 게이트 15개 전부 "아니오", 카운트 규칙 통과, `preflight.md` 체크리스트 통과. 실패 항목이 있으면 4단계로 돌아간다.
|
||||
|
||||
---
|
||||
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "@designpaca/skill",
|
||||
"version": "0.9.1",
|
||||
"version": "0.9.2",
|
||||
"private": true,
|
||||
"description": "designpaca 스킬 원본 — SKILL.md 와 참조 문서",
|
||||
"scripts": {
|
||||
|
|
|
|||
|
|
@ -119,7 +119,7 @@ body { overscroll-behavior-y: none; } /* 페이지 전체가 통째로
|
|||
|
||||
## PWA 최소 세트
|
||||
|
||||
"앱처럼"의 하한線: `manifest.webmanifest`(name·short_name·display: standalone·theme_color·아이콘 192/512) + `apple-touch-icon` + `mobile-web-app-capable` 메타 2종. 아이콘은 SVG에서 sharp로 PNG를 뽑는다(브랜드 문양 — 장부 문항, 시간표 블록 같은 **도메인 은유**). 홈 화면에 설치하면 아이콘이 곧 브랜드다 — 파비콘 재사용으로 땜빵하지 않는다.
|
||||
"앱처럼"의 최소 기준: `manifest.webmanifest`(name·short_name·display: standalone·theme_color·아이콘 192/512) + `apple-touch-icon` + `mobile-web-app-capable` 메타 2종. 아이콘은 SVG에서 sharp로 PNG를 뽑는다(브랜드 문양 — 장부 문항, 시간표 블록 같은 **도메인 은유**). 홈 화면에 설치하면 아이콘이 곧 브랜드다 — 파비콘 재사용으로 땜빵하지 않는다.
|
||||
|
||||
## 실기기 검증 (안드로이드 에뮬레이터)
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue