Skip to content

docs(design-system): v2.2.0 동기화 — content fundamentals, animations, dual palette#589

Merged
thxforall merged 7 commits into
devfrom
feat/572-design-system-docs-v2.2.0
May 28, 2026
Merged

docs(design-system): v2.2.0 동기화 — content fundamentals, animations, dual palette#589
thxforall merged 7 commits into
devfrom
feat/572-design-system-docs-v2.2.0

Conversation

@thxforall
Copy link
Copy Markdown
Contributor

Summary

Closes #572.

  • README/patterns/tokens 모두 v2.2.0으로 bump
  • 신규: content-fundamentals.md, animations.md
  • patterns.md "5.4 Dual Palette Usage" — editorial vs product UI 분리 규칙
  • tokens.md Magazine Palette 매핑 (feat(design-system): map magazine palette to colors tokens #573 코드 반영)
  • docs/agent/design-system-llm.md v2.2.0 1-pager SSOT rewrite
  • docs/agent/design-system-summary.md Recent changes 갱신

코드 변경 없음 (docs-only).

Test plan

  • GitHub markdown preview 확인
  • code anchor 라인 번호가 현재 dev HEAD와 일치
  • wiki lint (있다면)

Related

🤖 Generated with Claude Code

thxforall and others added 7 commits May 28, 2026 14:47
…+ dual palette

- Version: 2.1.0 -> 2.2.0, Last Updated: 2026-05-28
- Add v2.2 변경사항: Content Fundamentals, Animations 카탈로그, Dual Palette,
  Magazine palette tokens (#573), Navigation Facts, Home sequence,
  IBM Plex Mono (inline), DecodedLogo WebGL
- Document Index: 신규 Foundation (v2.2) 섹션 — content-fundamentals.md,
  animations.md 추가
- Tech Stack table 확장: OKLCH + Hex magazine palette, typography 4종,
  three.js + @chenglou/pretext (DecodedLogo)
- Navigation Facts + Home Page Sequence 섹션 추가 (app/page.tsx:568 앵커)

Closes #572 (part 1/7).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
7 sections covering Voice / Casing / Person / Language / Pricing /
Numbers / Emoji policy with Do/Don't rules and code anchors:

- Pricing: ko-KR locale + ₩ prefix, toLocaleString
  (앵커: DecodedSolutionsSection.tsx:40 — 마이그레이션 대상)
- Numbers: 사용자 표면은 toLocaleString 통과
  (앵커: lib/utils/format.ts:36)
- Voice: editorial(큐레이션) vs product UI(명료) 분리
- Language: ko-KR 기본, 고유명사·기술 용어 원문 유지
- Emoji: editorial 표면 금지, product UI 절제, Lucide 우선

Closes #572 (part 2/7).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
15+ CSS keyframe catalog with file/line anchors from
packages/web/app/globals.css:

- dash-flow (L299), hologram-* family (L318-L351), spot-* family
  (L410-L458), slide-up (L487), shimmer (L503), ai-summary-* (L522-L535),
  card-glow (L551), marquee-c (L585)
- duration/easing/용도/reduce-motion 컬럼
- Easing 함수 정리: ease-out (단방향 reveal), ease-in-out (펄스),
  linear (무한 flow), cubic-bezier(0.22, 1, 0.36, 1) — observe pattern,
  cubic-bezier(0.16, 1, 0.3, 1) — ai-summary smooth reveal
- prefers-reduced-motion 정책: 4개 미디어 쿼리 블록 + .js-observe
  transition fallback
- 사용 예시: spot 마커, skeleton shimmer, ai-summary, .js-observe

Closes #572 (part 3/7).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
@vercel
Copy link
Copy Markdown

vercel Bot commented May 28, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
decoded-app Ready Ready Preview, Comment May 28, 2026 5:56am

@thxforall thxforall moved this from Todo to In Progress in decoded-monorepo May 28, 2026
@thxforall thxforall merged commit df31b3f into dev May 28, 2026
8 of 10 checks passed
@thxforall thxforall deleted the feat/572-design-system-docs-v2.2.0 branch May 28, 2026 06:20
@github-project-automation github-project-automation Bot moved this from In Progress to Done in decoded-monorepo May 28, 2026
thxforall added a commit that referenced this pull request May 28, 2026
…ual palette (#589)

* docs(design-system): bump README to v2.2.0 with content fundamentals + dual palette

- Version: 2.1.0 -> 2.2.0, Last Updated: 2026-05-28
- Add v2.2 변경사항: Content Fundamentals, Animations 카탈로그, Dual Palette,
  Magazine palette tokens (#573), Navigation Facts, Home sequence,
  IBM Plex Mono (inline), DecodedLogo WebGL
- Document Index: 신규 Foundation (v2.2) 섹션 — content-fundamentals.md,
  animations.md 추가
- Tech Stack table 확장: OKLCH + Hex magazine palette, typography 4종,
  three.js + @chenglou/pretext (DecodedLogo)
- Navigation Facts + Home Page Sequence 섹션 추가 (app/page.tsx:568 앵커)

Closes #572 (part 1/7).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

* docs(design-system): add content-fundamentals.md

7 sections covering Voice / Casing / Person / Language / Pricing /
Numbers / Emoji policy with Do/Don't rules and code anchors:

- Pricing: ko-KR locale + ₩ prefix, toLocaleString
  (앵커: DecodedSolutionsSection.tsx:40 — 마이그레이션 대상)
- Numbers: 사용자 표면은 toLocaleString 통과
  (앵커: lib/utils/format.ts:36)
- Voice: editorial(큐레이션) vs product UI(명료) 분리
- Language: ko-KR 기본, 고유명사·기술 용어 원문 유지
- Emoji: editorial 표면 금지, product UI 절제, Lucide 우선

Closes #572 (part 2/7).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

* docs(design-system): add animations.md catalog

15+ CSS keyframe catalog with file/line anchors from
packages/web/app/globals.css:

- dash-flow (L299), hologram-* family (L318-L351), spot-* family
  (L410-L458), slide-up (L487), shimmer (L503), ai-summary-* (L522-L535),
  card-glow (L551), marquee-c (L585)
- duration/easing/용도/reduce-motion 컬럼
- Easing 함수 정리: ease-out (단방향 reveal), ease-in-out (펄스),
  linear (무한 flow), cubic-bezier(0.22, 1, 0.36, 1) — observe pattern,
  cubic-bezier(0.16, 1, 0.3, 1) — ai-summary smooth reveal
- prefers-reduced-motion 정책: 4개 미디어 쿼리 블록 + .js-observe
  transition fallback
- 사용 예시: spot 마커, skeleton shimmer, ai-summary, .js-observe

Closes #572 (part 3/7).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

* docs(design-system): patterns.md add 5.4 dual palette usage

* docs(design-system): tokens.md add magazine palette sub-table

* docs(agent): rewrite design-system-llm.md as v2.2.0 1-pager SSOT

* docs(agent): design-system-summary.md add v2.2.0 entry

---------

Co-authored-by: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
thxforall added a commit that referenced this pull request May 28, 2026
* feat(ci): schema drift PR gate (TS<->DB) — #373 v2 (#588)

* docs(database): add schema-drift-sot.md SSOT mapping (#373 v2)

TS 상수 ↔ DB CHECK constraint 매핑 SSOT. scripts/check-schema-drift.ts 의
SOT_MAPPINGS 와 함께 갱신한다. v2 PR gate 의 동작/허용 constraint 형식/
의도적 우회(drift-bypass label)/v3 후속 항목(posts.status, generated types)
명시.

* feat(scripts): add check-schema-drift.ts for TS<->DB enum drift (#373 v2)

ts-morph 로 TS 상수 (`export const X = [...] as const`) 값 set 추출 →
psql 로 pg_get_constraintdef 파싱 → set-equality 비교. 세 가지 CHECK
constraint 형식 (status::text=ANY ARRAY, col=ANY ARRAY, IN list) 지원.
drift 1건 이상이면 exit 1, stdout 은 PR comment 용 markdown report.

devDependency: ts-morph@^24.0.0 추가.

* feat(ci): add schema-drift.yml PR gate workflow (#373 v2)

postgres:17 service + postgresql-client-17 + bun install + supabase
migrations 순차 적용 + check-schema-drift.ts 실행 + sticky PR comment
(marocchino/sticky-pull-request-comment@v2, header=schema-drift).

drift-bypass label: continue-on-error 로 job green 유지 (comment 는 유지).
branch protection 별도 설정 필요.

* docs(database): drift-check.md mark v2 PR gate landed (#373)

v1 nightly 와 v2 PR gate 채널을 분리 명시. v2 세부는 schema-drift-sot.md
에서 별도 owning.

* docs(design-system): v2.2.0 동기화 — content fundamentals, animations, dual palette (#589)

* docs(design-system): bump README to v2.2.0 with content fundamentals + dual palette

- Version: 2.1.0 -> 2.2.0, Last Updated: 2026-05-28
- Add v2.2 변경사항: Content Fundamentals, Animations 카탈로그, Dual Palette,
  Magazine palette tokens (#573), Navigation Facts, Home sequence,
  IBM Plex Mono (inline), DecodedLogo WebGL
- Document Index: 신규 Foundation (v2.2) 섹션 — content-fundamentals.md,
  animations.md 추가
- Tech Stack table 확장: OKLCH + Hex magazine palette, typography 4종,
  three.js + @chenglou/pretext (DecodedLogo)
- Navigation Facts + Home Page Sequence 섹션 추가 (app/page.tsx:568 앵커)

Closes #572 (part 1/7).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

* docs(design-system): add content-fundamentals.md

7 sections covering Voice / Casing / Person / Language / Pricing /
Numbers / Emoji policy with Do/Don't rules and code anchors:

- Pricing: ko-KR locale + ₩ prefix, toLocaleString
  (앵커: DecodedSolutionsSection.tsx:40 — 마이그레이션 대상)
- Numbers: 사용자 표면은 toLocaleString 통과
  (앵커: lib/utils/format.ts:36)
- Voice: editorial(큐레이션) vs product UI(명료) 분리
- Language: ko-KR 기본, 고유명사·기술 용어 원문 유지
- Emoji: editorial 표면 금지, product UI 절제, Lucide 우선

Closes #572 (part 2/7).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

* docs(design-system): add animations.md catalog

15+ CSS keyframe catalog with file/line anchors from
packages/web/app/globals.css:

- dash-flow (L299), hologram-* family (L318-L351), spot-* family
  (L410-L458), slide-up (L487), shimmer (L503), ai-summary-* (L522-L535),
  card-glow (L551), marquee-c (L585)
- duration/easing/용도/reduce-motion 컬럼
- Easing 함수 정리: ease-out (단방향 reveal), ease-in-out (펄스),
  linear (무한 flow), cubic-bezier(0.22, 1, 0.36, 1) — observe pattern,
  cubic-bezier(0.16, 1, 0.3, 1) — ai-summary smooth reveal
- prefers-reduced-motion 정책: 4개 미디어 쿼리 블록 + .js-observe
  transition fallback
- 사용 예시: spot 마커, skeleton shimmer, ai-summary, .js-observe

Closes #572 (part 3/7).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

* docs(design-system): patterns.md add 5.4 dual palette usage

* docs(design-system): tokens.md add magazine palette sub-table

* docs(agent): rewrite design-system-llm.md as v2.2.0 1-pager SSOT

* docs(agent): design-system-summary.md add v2.2.0 entry

---------

Co-authored-by: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

* feat(content-studio): Video Generation Pipeline — AI 영상 합성 통합 (#592)

* feat(content-studio): add xAI scene video pipeline

* docs(content-studio): plan video job pipeline

* docs(content-studio): harden video job plan

* feat(content-studio): add video job pipeline

* feat(content-studio): abstract video providers

* feat(content-studio): select video mode per scene

* feat(content-studio): compose final video exports

* feat(content-studio): resume persisted video jobs

* feat(content-studio): attach governance to video jobs

* fix(content-studio): strengthen short-form video prompts

* feat(content-studio): add local video download runner

* feat(content-studio): save source image for local videos

* fix(content-studio): split long local video scenes

* feat(content-studio): compose local video clips

* fix(magazines): MAGAZINE_STATUSES — 'generating' 누락 복원 (#373 drift)

DB constraint post_magazines_status_check 는 'generating' 포함 5-state 인데
TS MAGAZINE_STATUSES 는 4-state. 1주일+ 잠재한 schema drift.

#373 drift gate fix (#595) 가 처음 정상 작동하며 발견.

발생 경위:
- 20260430120000: 'generating' 추가 (api-server generate handler 초기 INSERT)
- 20260430150000: 4-state 로 축소 (TS 와 동기화)
- 20260504133842: 'generating' 복원 (api-server insert + UI 필요)
- 마지막 migration 의 TS 동기화 누락 → drift

magazines.ts 의 MAGAZINE_STATUSES 에 'generating' 추가 (DB 와 같은 순서).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

---------

Co-authored-by: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
thxforall added a commit that referenced this pull request May 28, 2026
dev 에 누적된 wiki:lint 5건을 #591 머지 차단 해소를 위해 흡수.
모두 feature/notion-smoke-474 scope 외 — 별도 chore PR 로 분리가 정석이지만
머지 일정 우선시.

- docs/agent/design-system-llm.md: H1_TITLE_MISMATCH 해소
  title 을 H1 "Design System — LLM Reference (v2.2.0)" 에 맞춤 (#589 의도 보존)
- docs/superpowers/specs/.../notion-schema-design.md: UNKNOWN_TAG 3건 (notion, digest, schema)
  tags vocabulary 미등록 항목 제거 → [telegram, ops]. 어휘 확장 PR 은 별도 권장.
- docs/superpowers/specs/.../phase-2a-design.md: MISSING_FRONTMATTER 표준 추가
thxforall added a commit that referenced this pull request May 28, 2026
PR #605 의 wiki:lint fail 2건 해소.

1. `docs/wiki/schema/tags.md` (+1)
   - `codex` tag 추가 (tools 분류). 본 PR의 `codex-cli.md` 가 사용
2. `docs/agent/design-system-llm.md` (frontmatter)
   - title 에 `(v2.2.0)` 추가하여 H1 ("Design System — LLM Reference (v2.2.0)") 와 정합
   - dev 누적 violation (df31b3f #589 v2.2.0 sync 도입분).
     #591 도 동일 fix 보유 → 머지 순서에 따라 trivial conflict 가능

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
thxforall added a commit that referenced this pull request May 28, 2026
…#605)

* chore(harness): Hybrid harness scaffolding (Claude × Codex 2.5-layer)

`chore/session-3-codex-harness-leftovers` 의 harness scaffolding 부분만
cherry-pick 으로 분리 (skill pack/playbook 은 별도 PR).

## 도입 산출물

- `.harness/CODEX_CANARY.md`, `.harness/routing.md` — 라우팅 정책
- `.tasks/TASK-CODEX-CANARY.md` — TASK card scaffolding
- `AGENTS.md` (+2 lines) — cross-tool 진입 규칙 reference
- `CONTEXT.md` — repo-level context entry
- `docs/wiki/wiki/harness/codex-cli.md` — Codex CLI 운영 가이드
- `docs/wiki/schema/ownership-matrix.md` — routing SSOT 갱신
- `.gitignore` (+2 lines) — `.tasks/locks/`, `.handoff/`

## 정책 요약

Layer 1 (Claude): plan/route, 직접 product code 쓰지 않음
Layer 2 (Codex fast): single-file 실행
Layer 2.5 (Codex strict): read-only review
Layer 3 (Claude): `.handoff/*.review.json` 읽고 accept/reject

## 함의

`AGENTS.md` 가 cross-tool entry point 로 격상. Claude Code 용 보강은
별도 `CLAUDE.md` overlay (이미 존재). Codex 가 사용하는 skill 은
별도 PR `chore(harness): codex/gstack skill pack` 에서 도입.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

* chore(wiki): add codex tag + fix design-system-llm H1/title mismatch

PR #605 의 wiki:lint fail 2건 해소.

1. `docs/wiki/schema/tags.md` (+1)
   - `codex` tag 추가 (tools 분류). 본 PR의 `codex-cli.md` 가 사용
2. `docs/agent/design-system-llm.md` (frontmatter)
   - title 에 `(v2.2.0)` 추가하여 H1 ("Design System — LLM Reference (v2.2.0)") 와 정합
   - dev 누적 violation (df31b3f #589 v2.2.0 sync 도입분).
     #591 도 동일 fix 보유 → 머지 순서에 따라 trivial conflict 가능

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

---------

Co-authored-by: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

Status: Done

Development

Successfully merging this pull request may close these issues.

1 participant