← cmore.dev 홈 LAB

실험실

cmore.dev는 오픈소스를 소개만 하지 않고 소스까지 열어보고 직접 적용해봅니다. 어떤 것은 뜯어서 설계와 판단 근거를 기록하고, 우리 사이트에 써볼 수 있는 것은 실제로 적용해 그 결과를 본채 디자인과 나란히 두어 비교할 수 있게 남깁니다.

뜯어보기

쓰는 데서 그치지 않고 소스를 열어 설계 의도까지 따라간 기록입니다.

2026-08-30 · 데이터 대시보드 · 익명 집계

Aside 사용 대시보드 — 2천 개 넘는 세션의 패턴

누적 일별 추이, 자동화 비중, 요일×시간대 히트맵과 유즈케이스 분포를 7일·30일·전체로 탐색합니다. 세션 제목·ID·경로는 공개 데이터에서 제외했습니다.

대시보드 열기 →
2026-08-30 · 실전기록 · AI 브라우저

Aside — 설명만 했더니 완성본이 나왔습니다

강의자료 3종·세금 실무·143개 매물 조사·앱 배포를 통째로 맡긴 실전 기록. npm 없이 패키지를 해체하고 구글 슬라이드를 렌더러로 빌린 우회, 검수 실패, 되는 일과 안 되는 일의 경계까지.

실전기록 읽기 →
2026-08-20 · 패키지 분석 · 공개 베타

omo-ai — OMO Native가 한 줄 설치로 왔습니다

메모리·모델 폴백·Ultrawork를 묶은 공식 Native 베타. npm 원본을 열어 공급망, 텔레메트리, 권한, 523MB 설치 크기와 의존성 취약점까지 확인했습니다.

베타 분석 읽기 →
2026-08-16 · 웹 인프라 해설 · 보안

X-Forwarded-For: IP를 어디까지 믿어도 되는가

프록시 체인의 IP를 무조건 믿으면 왜 인증·레이트 리밋이 흔들리는지, 신뢰 경계와 안전한 파싱 규칙을 정리했습니다.

신뢰 경계 읽기 →
2026-07-28 · 소스 해부 · 공부용

가재코드 — 에이전트는 무엇을 보고 판단하는가

오픈소스 코딩 에이전트 gajae-code(gjc)의 번들 프롬프트와 워크플로 정의를 전부 열어, 요청 하나가 인터뷰·계획·승인·실행·검증을 통과하는 e2e 전 구간을 따라갔습니다. 판단 근거를 어디서 모으고, 모를 때 무엇을 하는지까지.

해부 기록 읽기 →
2026-07-28 · 소스 해부 · 공부용

senpi — 프롬프트 한 장으로 에이전트를 조이는 법

pi-mono 포크 senpi의 설치본을 열어 시스템 프롬프트 조립 순서를 따라갔습니다. 의도 게이트, 탐색을 언제 멈출지 정한 조건 세 개, 검증 3티어, 압축 상수, 그리고 기본값이 전부 허용인 권한 시스템까지.

해부 기록 읽기 →
2026-07-29 · 스킬 해부 · 공부용

KEZ 상세페이지 스킬 — 디자인 감각을 검사 가능한 수치로

Figma에 커머스 상세페이지를 직접 그리는 Claude Code 스킬. 실행 코드 0줄, 마크다운 13개 1,867줄에 하드 게이트 13개·추측 금지 3종·아키타입 판정·실측 함정 T1~T15가 들어 있습니다. 도메인 지식을 규칙으로 굳히는 법.

해부 기록 읽기 →
2026-07-31 · 해부 + 사용법 · 직접 세워봄

Buzz — 사람과 에이전트가 같은 방에서

Block이 만든 자체 호스팅 워크스페이스. 릴레이를 실제로 띄워(실측 3분 8초) 헬스·웹소켓·NIP-11까지 확인하고, 데스크톱 앱 연결과 에이전트에 키 주는 법까지 따라 할 수 있게 정리했습니다.

해부와 사용법 읽기 →
2026-08-01 · 소스 해부 · 공부용

ouroboros — 루프를 언제 멈출지 수학으로 정하기

별 5.2k 에이전트 OS를 클론해 두 개의 수학 게이트(모호도 ≤ 0.2, 온톨로지 유사도 ≥ 0.95)와 수렴을 거부하는 다섯 장치를 코드에서 확인했습니다. 유닛 테스트 16,116개 실측과 래칫 CI 패턴까지.

해부 기록 읽기 →

적용 기록

2026-08-11 · 타이포·UI 비교 · 해설 추가

Geist — 신문에서 제품 UI로

같은 cmore.dev 콘텐츠를 현재 에디토리얼 조판과 Geist Sans·Mono 기반 제품 UI로 번갈아 봤습니다. 무엇이 더 예쁜가보다 왜 한쪽은 읽게 하고 다른 쪽은 훑게 하는지, 한글 폴백과 웹폰트 비용까지 글로 정리했습니다.

두 디자인 비교하고 해설 읽기 →
2026-07-18 · 변형 10종 · 스캐너 실측 포함

slopslap — 같은 슬롭, 열 개의 결말

vibedesignlab의 AI 슬롭 병렬 점검 파이프라인. 대표 슬롭 텔을 일부러 전부 심은 baseline 랜딩을 만들고, 같은 카피로 1기(기본 모드 + transform 3종)와 2기(A~E 전 규율 × 실측 계약 5종: arc·clerk·framer·mailchimp·resend)를 집행했습니다. 66개 검출기 스캐너 실측: baseline 24개, 시그니처 텔은 전 변형 0.

열 개의 결말 비교하기 →
2026-07-16 · 변형 6종 · newsprint 본채 채택

hallmark — 홈 재조판

Nutlope(Together AI)의 안티 AI 슬롭 디자인 스킬. 같은 홈 콘텐츠를 Terminal, Newsprint, Cobalt, Manifesto, Bloom, Riso 여섯 지문으로 재조판했고, 그중 Newsprint의 지문(크림지·세리프·딥 레드)이 본채 홈에 채택됐습니다. 각 변형 상단의 스위처로 넘겨가며 비교해보세요.

terminal 변형부터 보기 →
2026-07-09 · 본채에 흡수

MengTo/Skills — 스크롤 리빌

animation-on-scroll 스킬을 외부 의존성 없는 IntersectionObserver 버전(reveal.js)으로 각색해 홈과 안쪽 페이지 전체에 적용했습니다. 지금 보고 있는 이 사이트의 모션이 그 결과물입니다.

도구 리뷰 보기 →

직접 만든 것들

외부 라이브러리 없이 좌표·물리·렌더링까지 직접 짠 페이지들입니다. 그대로 돌려보고 눌러볼 수 있습니다.

실험 페이지는 본채 디자인 계약(DESIGN.md) 밖에서 동작하는 별도 공간입니다. 본채는 계약을 유지하고, 실험은 여기에 쌓입니다. 각 도구의 리뷰·설치법은 도구 생태계에 있습니다.