주간 다이제스트 2026년 11주차: 디자인 시스템
Claude Code와 Figma MCP 실험 결과, 구체적인 node 단위 지시가 핵심임이 밝혀졌습니다. 한편 Shopify·Intercom의 시니어 디자이너들은 Figma handoff 대신 AI로 직접 GitHub PR을 생성하는 방식으로 전환하고 있습니다.
Claude Code와 Figma MCP 실험 결과, 구체적인 node 단위 지시가 핵심임이 밝혀졌습니다. 한편 Shopify·Intercom의 시니어 디자이너들은 Figma handoff 대신 AI로 직접 GitHub PR을 생성하는 방식으로 전환하고 있습니다.
9년간의 여정 끝에 Temporal이 Stage 4에 도달해 JavaScript의 Date API를 대체하며, Vite 8은 Rust 기반 Rolldown을 단일 bundler로 채택해 빌드 속도를 최대 30배 향상시킵니다.
Glassworm이 일반 linter로는 탐지 불가능한 invisible Unicode malware를 150개 이상의 GitHub 저장소에 심었고, Anthropic의 Claude Code review는 건당 $15~$25에 false positive를 1% 미만으로 줄였습니다.
CSS에 창의성이 더해집니다. corner-shape로 Chrome 139+에서 bevel, scoop, squircle 등 다양한 코너 형태를 구현할 수 있고, contrast-color()는 모든 최신 브라우저에서 접근 가능한 텍스트 색상을 자동으로 결정합니다.
GitHub Actions AI 봇을 악용한 supply chain 공격이 Cline의 npm 파이프라인을 침해하고, Anthropic의 red team이 Firefox에 22개의 CVE를 제보한 한편, Claude Code 개발자는 이 도구가 스스로를 빌드하는 방식을 공개합니다.
Cloud Four의 실전 검증된 PR 리뷰 규칙과 Kubernetes skew protection 구현법, 그리고 망가진 코드베이스를 물려받았을 때의 솔직한 회고까지 — 실제 소프트웨어를 출시하는 팀을 위한 실용적 지혜가 모였습니다.
Brecht De Ruyte가 폴리필 없이 squircle, CSS 전용 캐러셀, scroll-state sticky 헤더 등 최신 CSS를 전면 적용해 사이트를 재설계한 사례는 progressive enhancement의 교과서입니다.
접근 가능한 focus indicator에 대한 실용적 디자인 규칙이 정리되고, Figma-Anthropic Code to Canvas 통합이 실전 테스트를 통해 데모에서 드러나지 않았던 한계를 적나라하게 보여줍니다.
Storybook의 WebSocket RCE 취약점(CVE-2026-27148)이 즉각적인 패치를 요구하는 한편, TanStack Intent는 npm 패키지 안에 Agent Skills를 번들링하는 새로운 패러다임을 제시하고, React Compiler v1.0은 수동 memoization의 시대를 마감합니다.
Astro의 치명적 SSRF와 Angular의 SSR 이중 취약점은 즉각적인 패치가 필요합니다. Firefox 148은 Sanitizer API를 출시했으며 GitHub Copilot CLI는 multi-agent 지원과 함께 정식 출시(GA)되었습니다.
React가 Linux Foundation 산하 독립 재단으로 이관되며 거버넌스에 새 시대가 열렸습니다. Deno 2.7의 Temporal API 안정화, Bun의 REPL 재작성, Node 24.14의 대규모 기능 추가까지 runtime 경쟁이 뜨겁습니다.
Addy Osmani의 '팩토리 모델'은 엔지니어를 코더가 아닌 시스템 구축자로 재정의합니다. 40개 Prisma repo 분석에서는 FK index 누락으로 최대 190배 느려지는 문제가 프로덕션에 만연함을 확인했습니다.