실험실
cmore.dev는 오픈소스를 소개만 하지 않고 소스까지 열어보고 직접 적용해봅니다. 어떤 것은 뜯어서 설계와 판단 근거를 기록하고, 우리 사이트에 써볼 수 있는 것은 실제로 적용해 그 결과를 본채 디자인과 나란히 두어 비교할 수 있게 남깁니다.
뜯어보기
쓰는 데서 그치지 않고 소스를 열어 설계 의도까지 따라간 기록입니다.
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 패턴까지.
해부 기록 읽기 →적용 기록
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)으로 각색해 홈과 안쪽 페이지 전체에 적용했습니다. 지금 보고 있는 이 사이트의 모션이 그 결과물입니다.
도구 리뷰 보기 →직접 만든 것들
외부 라이브러리 없이 좌표·물리·렌더링까지 직접 짠 페이지들입니다. 그대로 돌려보고 눌러볼 수 있습니다.
Reset Day — 전부 건드리지 않고 하나를 끝내는 법
모든 프로젝트·파일·아이디어를 한꺼번에 정리하라는 자율 프롬프트를 읽기 전용 감사, 두 승인 게이트, 하나의 실행, 측정 가능한 종료 조건으로 다시 설계했습니다. 사람 시간 90분 운영표와 붙여넣기 템플릿까지.
운영법과 템플릿 보기 → 2026-07-16 · zero-dependency SVG한국 AI 오픈소스 지도
한국에서 시작해 자라는 AI 오픈소스를 지도 위에 얹었습니다. 지도 경로부터 직접 그린 의존성 0 SVG입니다.
지도 열어보기 → 2026-07-16 · force-directed한국 중심 그래프 — 누가 무엇을 만들었나
개발자와 그들이 만든 오픈소스를 힘 기반 그래프로 이었습니다. 노드를 끌어 움직여볼 수 있습니다.
그래프 돌려보기 → 2026-07-16 · 순수 Canvas한국이 중심인 지구본
같은 생태계 데이터를 회전하는 지구본에 올렸습니다. 캔버스 렌더링과 투영 계산을 직접 구현했습니다.
지구본 돌려보기 → 2026-07-16 · 클리셰 51종AI 티 사전
AI에게 디자인을 시키면 왜 티가 나는지, 색·타이포·레이아웃·모션에서 반복되는 51가지 신호와 대안을 정리했습니다.
사전 펼쳐보기 →실험 페이지는 본채 디자인 계약(DESIGN.md) 밖에서 동작하는 별도 공간입니다. 본채는 계약을 유지하고, 실험은 여기에 쌓입니다. 각 도구의 리뷰·설치법은 도구 생태계에 있습니다.