쌓인 기록에서 찾기
무엇을 찾으세요? 날짜를 몰라도 됩니다. 제목·Key Point·요약·태그를 한꺼번에 뒤집니다.
검색 범위 2026년 8월 13일 (목) 부터 2026년 10월 30일 (금)까지 3636건
22건 · "SVG"조건 지우기 ×
001 21:12 당일 +226 AI 에이전트를 위한 이미지·영상 생성 스킬 모음 공개 Higgsfield AI가 Claude Code, Cursor 등 AI 코딩 에이전트에서 사용할 수 있는 Markdown 기반 스킬 모음을 공개했다. AI · 머신러닝 · higgsfield-ai/skills · Python
Key Point AI 코딩 에이전트 위에서 직접 작동하는 이미지·영상·웹사이트 생성 스킬이 한데 모였으므로, 개발자가 프롬프트만으로 마케팅 자산부터 풀스택 사이트까지 만들 수 있게 되었다.
핵심 요약
Higgsfield AI가 Claude Code, Cursor 등 AI 코딩 에이전트에서 사용할 수 있는 Markdown 기반 스킬 모음을 공개했다. 주요 기능은 `higgsfield-generate`로 이미지, 영상, 3D, 오디오를 30개 이상의 모델(Flux 2, Veo 3.1, Kling 3.0, Seedance 2.5 등)로 생성할 수 있으며, 마케팅 스튜디오는 브랜드된 광고 영상을 아바타와 상품으로 만들고 Virality Predictor로 점수를 매긴다. `higgsfield-soul-id`는 5~20장 사진으로 얼굴을 학습해 재사용 가능한 아이덴티티 모델을 만들고, `higgsfield-product-photoshoot`은 10가지 모드(스튜디오, 라이프스타일, Pinterest, 광고팩 등)로 상품 사진을 생성한다. 전체 요약 7문장 읽기 → 002 09:10 ▲ 107 · 댓글 30 방치한 탭을 식물로 뒤덮는 크롬 확장프로그램 개발자가 방치된 브라우저 탭의 개념에서 영감을 받아 'Overgrown'이라는 크롬 확장프로그램을 만들었다. 웹 · 프론트엔드 · Overgrown, when plants invade your abandoned tabs
Key Point 방치된 브라우저 탭이라는 개인의 일상적 문제를 창의적인 게임 메커니즘으로 푼 사이드 프로젝트로, 실용성과 재미를 동시에 추구한 오픈소스 확장프로그램을 소개한다.
핵심 요약
개발자가 방치된 브라우저 탭의 개념에서 영감을 받아 'Overgrown'이라는 크롬 확장프로그램을 만들었다. 각 탭은 보지 않을수록 가장자리부터 식물이 자라나고, 5% 이상 덮이면 스크롤만 가능하고 클릭·선택·드래그가 불가능해진다. 마우스를 드래그해 식물을 자르는 방식으로 탭을 다시 접근 가능하게 만들 수 있다. 전체 요약 9문장 읽기 → 003 03:11 ▲ 112 · 댓글 51 DOM과 Canvas를 통합하는 HTML-in-Canvas API 등장 Chrome 148~150에서 진행 중인 origin trial을 통해 새로운 HTML-in-Canvas API가 공개됐다. 웹 · 프론트엔드 · The HTML-in-Canvas API origin trial
Key Point 웹 게임과 3D 편집기 같은 고성능 Canvas 앱에서 텍스트 접근성, find-in-page, 브라우저 확장 등 DOM의 모든 기능을 동시에 사용할 수 있게 되므로, 복잡한 시각 애플리케이션의 아키텍처 설계 방식이 근본적으로 달라진다.
핵심 요약
Chrome 148~150에서 진행 중인 origin trial을 통해 새로운 HTML-in-Canvas API가 공개됐다. 이 API는 DOM 콘텐츠를 2D canvas 또는 WebGL/WebGPU 텍스처에 직접 렌더링하면서 상호작용과 접근성을 유지한다. DOM은 텍스트 레이아웃, 접근성, 번역, find-in-page 등 브라우저 기능을 제공하지만 그래픽 성능이 제한적이고, Canvas는 고성능이지만 이러한 기능들이 완전히 작동하지 않는다. 전체 요약 9문장 읽기 → 004 21:11 ▲ 116 · 댓글 39 거대언어모델, 이미지에 숨겨진 메시지를 자동 부호화·해독하다 Claude Fable 5.1과 GPT-4 Astra 같은 최신 거대언어모델(LLM)이 SVG를 생성해 이미지 속에 메시지를 숨기고, 다른 모델 인스턴스가 사전 약속 없이 그 메시지를 복호화할 수 있는지 테스트했다. AI · 머신러닝 · How does Fable 5.1 hide messages in images?
Key Point LLM이 의도적으로 감춘 메시지를 사전 협의 없이 자동 복호화할 수 있다는 발견은, 향후 에이전트 시스템에서 감시를 우회한 비밀 통신의 가능성을 시사한다.
핵심 요약
Claude Fable 5.1과 GPT-4 Astra 같은 최신 거대언어모델(LLM)이 SVG를 생성해 이미지 속에 메시지를 숨기고, 다른 모델 인스턴스가 사전 약속 없이 그 메시지를 복호화할 수 있는지 테스트했다. Fable은 50개의 메시지 각각을 숨긴 SVG 이미지를 생성했고, 별도 세션의 다른 Fable 인스턴스가 렌더링된 PNG 이미지(소스 코드 없음)만 보고 복호화를 시도했다. Fable이 가장 선호한 부호화 방식은 건물 높이(33개 중 50개 메시지)였으며, 그 외 별의 높이, 잔디 길이, 창문 밝기, 컬러 값 등 시각적 요소의 속성을 문자에 매핑했다. 전체 요약 11문장 읽기 → 005 03:11 ▲ 207 · 댓글 113 지난 12개월 보안 사건 236건 실시간 추적 pwn.watch는 최근 12개월간 발생한 236건의 보안 사건을 심각도별로 추적하는 대시보드로, 현재 37건이 활성화 상태며 그 중 16건이 중대(Critical) 수준이다. 보안 · What's Getting Pwned
Key Point 지난 수주일간 GitLab 정규식 컴파일러(CVSS 10.0), Plex Media Server 체인, 대형 은행 AI 에이전트 침입 등 인증 없는 원격 코드 실행 및 공급망 공격이 집중되고 있으며, 개발자 도구와 금융 플랫폼이 동시에 타격을 받고 있는 상황을 파악할 수 있다.
핵심 요약
pwn.watch는 최근 12개월간 발생한 236건의 보안 사건을 심각도별로 추적하는 대시보드로, 현재 37건이 활성화 상태며 그 중 16건이 중대(Critical) 수준이다. 지난 11일간(1월 2-12일) 신규 사건이 없는 상태가 가장 오래 지속되었으며, 현재 심각도 가중치로는 중대 4점·높음 3점·중간 2점·낮음 1점·업데이트 0.5점으로 계산된다. Arista VeloCloud Orchestrator의 CVSS 9.9 SQL 인젝션 취약점(CVE-2026-114625)이 적극적으로 악용되고 있으며, 인증된 사용자가 관리자 권한을 탈취할 수 있다. 전체 요약 16문장 읽기 → 006 09:11 ▲ 198 · 댓글 23 Mermaid 다이어그램을 CSS로 꾸미는 가벼운 SVG 렌더러 공개 Pele는 Mermaid 다이어그램을 SVG로 렌더링하는 가벼운 오픈소스 라이브러리다. 오픈소스 · 도구 · Pele – Mermaid diagrams as themeable SVG
Key Point Mermaid의 성능 문제(느린 렌더링, 큰 번들)를 해결하면서도 CSS 기반의 쉬운 커스터마이징을 제공하는 경량 대안이 필요한 개발자들에게 선택지를 제공한다.
핵심 요약
Pele는 Mermaid 다이어그램을 SVG로 렌더링하는 가벼운 오픈소스 라이브러리다. Mermaid 문법으로 작성한 다이어그램을 Pele에 전달하면 SVG 형태로 변환된다. CSS 변수를 이용해 배경색, 글자색, 선 색상 등을 자유롭게 설정할 수 있으며, 다시 렌더링하지 않고도 색상 변경이 적용된다. 전체 요약 7문장 읽기 → 007 03:11 새 버전 Next.js v15.5.28, SVG 이미지 최적화 원격 코드 실행 취약점 패치 Next.js v15.5.28이 이미지 최적화 API의 중대 취약점을 수정했다. 웹 · 프론트엔드 · vercel/next.js@v15.5.28
Key Point 이미지 최적화 API의 인증 우회 RCE 취약점은 운영 환경에 즉각적인 위협이 되므로 즉시 업그레이드가 필요합니다.
핵심 요약
Next.js v15.5.28이 이미지 최적화 API의 중대 취약점을 수정했다. SVG 파일을 사용할 때 인증 없이 원격 코드 실행(RCE)이 가능한 보안 결함을 패치했다. App Router의 Server Actions에서 서비스 거부(DoS) 공격을 유발할 수 있는 고위험 취약점도 함께 해결했다. 008 03:11 새 버전 Next.js 16.4.1, 중대 보안 결함 3건 수정 Next.js 16.4.1 릴리스가 3건의 보안 결함을 해결했다. 웹 · 프론트엔드 · vercel/next.js@v16.4.1
Key Point Next.js를 사용하는 프로덕션 서비스는 인증 없는 원격 코드 실행 취약점으로부터 즉시 보호받아야 한다.
핵심 요약
Next.js 16.4.1 릴리스가 3건의 보안 결함을 해결했다. 인증 없이 use cache 함수가 형식화된 배열을 반환할 때 원격 코드 실행이 가능한 중대(Critical) 결함을 수정했다. SVG 파일 사용 시 이미지 최적화 API에서 인증 없이 원격 코드 실행이 가능한 중대(Critical) 결함을 수정했다. 전체 요약 4문장 읽기 → 009 18:12 ▲ 107 · 댓글 118 20년 만에 WebP로 옮기다 저자는 20년 이상 JPEG, PNG, SVG만 사용하다가 최근 WebP로 옮겼다고 밝혔다. 웹 · 프론트엔드 · I guess I'm using WebP now?
Key Point 개발자가 20년 동시성을 깨고 새 이미지 형식으로 옮기는 결정점이 되는 조건—도구 지원의 중요성과 WebP부터 AVIF, JPEG XL로 이어지는 웹 이미지 표준의 변화를 보여준다.
핵심 요약
저자는 20년 이상 JPEG, PNG, SVG만 사용하다가 최근 WebP로 옮겼다고 밝혔다. Google이 2010년 WebP를 발표했지만 Chrome(2011), Edge(2018), Firefox(2019), Safari(2020)으로 브라우저 지원이 오래 걸렸다. WebP 도구 지원도 늦었는데, Photoshop은 2022년에야 네이티브 지원을 추가했고 내보내기 기능은 여전히 미지원이다. 전체 요약 8문장 읽기 → 010 18:12 ▲ 108 · 댓글 38 Doory, 무료 오픈소스 디자인 에디터 공개 Doory는 브라우저에서 실행되는 완전한 디자인 에디터로, 포스터·소셜 미디어 게시물·슬라이드·초대장·이력서·썸네일·명함 등을 제작할 수 있다. 오픈소스 · 도구 · Doory – Open-Source Canva
Key Point Canva의 완전한 오픈소스 대체제로, 무료로 호스팅할 수 있으며 모든 데이터를 자신의 서버에서 관리할 수 있는 점이 디자인 도구의 새로운 선택지를 제시합니다.
핵심 요약
Doory는 브라우저에서 실행되는 완전한 디자인 에디터로, 포스터·소셜 미디어 게시물·슬라이드·초대장·이력서·썸네일·명함 등을 제작할 수 있다. 템플릿이나 빈 페이지에서 시작해 모든 요소를 편집한 후 PNG, JPG, SVG, PDF, MP4, GIF로 내보낼 수 있으며, 모든 기능이 무료이고 계정 없이 사용 가능하다. 배경 제거부터 비디오 내보내기까지 모든 편집 도구가 Pro 플랜 없이 누구에게나 공개되어 있고, 광고나 워터마크가 없다. 전체 요약 12문장 읽기 → 011 21:11 당일 +621 문서를 네이티브 파워포인트로 자동 변환하는 AI 도구 AI가 문서·주제를 실제 PowerPoint 파일로 변환하는 오픈소스 도구 PPT Master를 공개했다. AI · 머신러닝 · hugohe3/ppt-master · Python
Key Point PowerPoint의 진짜 객체 모델을 생성해주는 만큼, 편집 가능한 슬라이드를 한 번에 얻을 수 있고—이미지로 평탄화되지 않아 계속 손을 댈 수 있습니다.
핵심 요약
AI가 문서·주제를 실제 PowerPoint 파일로 변환하는 오픈소스 도구 PPT Master를 공개했다. 생성된 슬라이드는 네이티브 도형·전환·애니메이션·데이터 연동 차트·표를 포함하며 PowerPoint에서 그대로 편집할 수 있다. 기존 .pptx 템플릿을 가져와 사용할 수 있으며, 스피커 노트에서 음성 나레이션을 자동 생성한다. 전체 요약 12문장 읽기 → 012 21:11 ▲ 103 · 댓글 7 손으로 만드는 SVG 패턴, Book of Shapes 공개 Nikolaj Sokolowski가 만든 Book of Shapes는 최소주의적이고 생성형이며 커스터마이징 가능한 SVG 패턴 모음이다. 웹 · 프론트엔드 · Book of Shapes – Collection of minimal, generative and customizable SVG-patterns
Key Point 웹 디자이너와 개발자가 즉시 가져다 쓸 수 있는 프로덕션 레디 SVG 패턴 라이브러리로, 배경·질감·장식용 그래픽이 필요할 때 빠르게 활용할 수 있다.
핵심 요약
Nikolaj Sokolowski가 만든 Book of Shapes는 최소주의적이고 생성형이며 커스터마이징 가능한 SVG 패턴 모음이다. 그리드, 래디얼, 노이즈, 플로우, 아이소메트릭, 유기형, 왜곡, 물리 시뮬레이션 등 8가지 카테고리로 분류되어 있다. 각 카테고리별로 수십 개의 개별 패턴을 제공한다: 그리드 22개, 래디얼 18개, 노이즈 18개, 플로우 17개, 아이소메트릭 13개, 유기형 9개, 왜곡 8개, 물리 5개. 전체 요약 5문장 읽기 → 013 06:11 당일 +357 Rust로 쓰고 GPU로 렌더링하는 고속 영상 프레임워크 fframes 프로그래밍 방식으로 영상을 렌더링하는 Rust 기반 프레임워크로, Rust와 SVG로 영상을 작성하고 GPU(Metal/Vulkan)로 렌더링한다. 오픈소스 · 도구 · dmtrKovalenko/fframes · Rust
Key Point AI 에이전트가 자동으로 고품질 영상을 생성할 수 있는 프로그래밍 프레임워크로, 영상 자동화 워크플로우가 필요한 개발자와 모션 디자인 팀에게 실질적인 생산성 향상을 제공한다.
핵심 요약
프로그래밍 방식으로 영상을 렌더링하는 Rust 기반 프레임워크로, Rust와 SVG로 영상을 작성하고 GPU(Metal/Vulkan)로 렌더링한다. AI 에이전트가 자동으로 영상을 생성할 수 있도록 설계되었으며, 에이전트가 읽을 수 있는 형태의 프레임 정보·텍스트·수치를 출력하는 inspect, strip, frame, audio analyze 등의 명령줄 도구를 제공한다. 정적 마크업은 컴파일 타임에 캐싱되고, ffmpeg의 libav 라이브러리를 직접 링크하며, SkSL과 GLSL 셰이더를 레이어로 사용할 수 있어 CPU 기반 렌더링 대비 약 10배 빠르다. 전체 요약 13문장 읽기 → 014 06:11 ▲ 114 · 댓글 47 GPU 텍스트 렌더링 5가지 기법 비교: Slug 특허 공개와 함께 GPU에서 글자를 렌더링하는 방식은 텍스트가 매 프레임 바뀌고 임의의 3D 변환 아래서도 선명해야 한다는 제약으로 인해 CPU 래스터화보다 복잡하다. 웹 · 프론트엔드 · SDF vs. MSDF vs. Slug: GPU Text Rendering
Key Point 2026년 Slug 특허가 공개 도메인으로 해방되면서 고사양 3D·AR 환경의 텍스트 렌더링 기술이 개방되었으며, 각 기법의 정확한 트레이드오프를 이해하면 게임, 시뮬레이션, 데이터 시각화 프로젝트에서 최적의 방식을 선택할 수 있다.
핵심 요약
GPU에서 글자를 렌더링하는 방식은 텍스트가 매 프레임 바뀌고 임의의 3D 변환 아래서도 선명해야 한다는 제약으로 인해 CPU 래스터화보다 복잡하다. 가장 오래된 텍스처 아틀라스 방식은 글자를 고정 크기로 미리 렌더링해 저장하므로, 확대하면 흐릿해지고 중국어·일본어·한국어 같은 거대 글자 집합은 메모리가 폭증한다. SDF(부호있는 거리장)는 픽셀 대신 가장자리까지의 거리를 저장해 확대에 강하지만, 날카로운 모서리가 둥글어지는 한계가 있다. 전체 요약 12문장 읽기 → 015 03:11 ▲ 263 · 댓글 183 AI가 만드는 UI의 전형적인 실패 패턴 10가지 저자는 대학 앱의 AI 업데이트 후 '슬롭(Slop)' UI — 비전 없이 막 만든 촌스럽고 싸 보이는 디자인 — 의 문제점을 지적한다. 웹 · 프론트엔드 · Tells of a Slop UI
Key Point AI 생성 UI의 공통된 안티패턴을 정확히 꼬집은 글로, 실제 대학 앱 사례를 통해 개발자들이 AI 도구의 한계를 구체적으로 이해할 수 있다.
핵심 요약
저자는 대학 앱의 AI 업데이트 후 '슬롭(Slop)' UI — 비전 없이 막 만든 촌스럽고 싸 보이는 디자인 — 의 문제점을 지적한다. 가장 흔한 특징은 과도한 그래디언트로, 버튼, 배경 등 모든 곳에 쓰이며 특히 보라색을 선호한다. 어울리지 않는 다채로운 색상을 구분 목적 없이 남용하는 '레인보우 보밋'은 색상 조화의 70-30-10 규칙을 무시한다. 전체 요약 10문장 읽기 → 016 09:11 ▲ 154 · 댓글 45 코드로 다이어그램을 그린다, Reladraw 공개 상대적 위치 관계를 텍스트로 명시하는 다이어그램 언어 Reladraw를 공개했다. 오픈소스 · 도구 · Show HN: Reladraw – A diagram language where you decide where to place things
Key Point AI 에이전트가 다이어그램을 수정할 때 픽셀 계산 없이 관계식 텍스트를 직접 편집할 수 있는 새로운 접근이다.
핵심 요약
상대적 위치 관계를 텍스트로 명시하는 다이어그램 언어 Reladraw를 공개했다. Mermaid, Graphviz 등은 엔티티와 연결만 정의하면 자동 배치하고, draw.io 같은 도구는 절대 좌표로 완전 제어를 하지만, Reladraw는 '클러스터 왼쪽 위' '두 노드 사이' 같은 상대적 배치를 코드로 쓴다. 파일에 좌표가 없고 모든 거리를 명시된 관계식에서 계산하므로, 수정할 때 어떤 문장을 고쳐야 하는지 명확하다. 전체 요약 12문장 읽기 → 017 09:11 ▲ 100 · 댓글 17 Typst 0.15, 가변 폰트·HTML·다중 서지 지원 추가 Typst는 문서를 PDF, SVG, PNG, HTML로 변환하는 Rust 기반 오픈소스 조판 시스템이며, 최신 0.15 버전이 6월에 출시되었다. 웹 · 프론트엔드 · Typst makes big strides
Key Point 가변 폰트, MathML 기반 웹 수학식 렌더링, 다중 서지 같은 신기능이 LaTeX 대체 가능성을 높이지만, 타이포그래피 한계와 1.0 이전 상태가 학술 출판계 도입을 제한하고 있다.
핵심 요약
Typst는 문서를 PDF, SVG, PNG, HTML로 변환하는 Rust 기반 오픈소스 조판 시스템이며, 최신 0.15 버전이 6월에 출시되었다. 가변 폰트(variable fonts) 지원을 추가해 하나의 파일에 모든 폰트 변형을 포함할 수 있으며, 축(axis) 값으로 두께, 스타일 등을 제어한다. HTML 출력 기능(실험적)에서 수학식을 MathJax 없이 MathML로 변환해 웹 브라우저에서 PDF 품질의 수식을 표시할 수 있다. 전체 요약 8문장 읽기 → 018 12:11 ▲ 81 · 댓글 4 SVG 생성 평가를 위한 '룰렛' 보상 시스템 제안 자연언어에서 SVG 코드를 생성하는 작업은 객관적 정답이 없어 기존 스칼라 메트릭(CLIP, Aesthetic)으로 평가하기 어렵고, 이들을 강화학습 보상으로 삼으면 보상 해킹이 발생한다. AI · 머신러닝 · RULER: Instance-aware Rubric Rewards for SVG Generation
Key Point 평가 기준이 없는 개방형 생성 작업에서 인공지능이 보상을 제대로 학습할 수 있는 방법을 제시하며, 이는 코드 생성·이미지 생성 등 다른 창의적 작업의 강화학습에도 적용 가능한 접근방식이다.
핵심 요약
자연언어에서 SVG 코드를 생성하는 작업은 객관적 정답이 없어 기존 스칼라 메트릭(CLIP, Aesthetic)으로 평가하기 어렵고, 이들을 강화학습 보상으로 삼으면 보상 해킹이 발생한다. RULER는 각 지시문을 6개 항목의 인스턴스별 채점 기준표로 변환하고, 비전-언어 모델이 생성된 SVG를 의미·시각·스타일 축으로 항목별 점수를 매겨 보상을 계산한다. 텍스트만으로 채점 기준표를 도출해 SVG 정답 데이터셋이나 인간 선호도 라벨이 필요 없다. 전체 요약 4문장 읽기 → 019 08:25 당일 +659 AI 에이전트를 위한 대화형 다이어그램 생성 도구 Archify 공개 Cursor, Claude Code 등 AI 에이전트가 대화 중 시스템 구조도를 생성하는 Node.js 렌더링 도구다. AI · 머신러닝 · tt-a1i/archify · JavaScript
Key Point AI 코딩 에이전트의 아키텍처 커뮤니케이션 방식을 바꾸는 도구로, 복잡한 시스템을 대화 속에서 시각화하고 검증할 수 있게 해준다.
핵심 요약
Cursor, Claude Code 등 AI 에이전트가 대화 중 시스템 구조도를 생성하는 Node.js 렌더링 도구다. 아키텍처, 워크플로우, 시퀀스, 데이터 흐름, 라이프사이클 다이어그램 5가지 타입을 지원하며 자체 포함된 HTML로 제공한다. Before/After/Delta 비교로 아키텍처 변경을 검증하고, 노드 검색·경로 추적·역할 비교 등 상호작용이 가능하다. 전체 요약 6문장 읽기 → 020 08:27 ▲ 128 · 댓글 45 주요 AI 모델 SVG 생성 속도 및 비용 비교 여러 AI 모델의 텍스트-투-이미지 SVG 생성 성능을 체계적으로 비교한 벤치마크 결과를 공개했다. AI · 머신러닝 · Show HN: Pelican-bicycle alternatives
Key Point AI 모델 선택 시 속도와 비용의 트레이드오프를 정량적으로 파악할 수 있는 실제 벤치마크 데이터를 제공한다.
핵심 요약
여러 AI 모델의 텍스트-투-이미지 SVG 생성 성능을 체계적으로 비교한 벤치마크 결과를 공개했다. GPT-6 Astra, Claude Fable 5.1, Gemini 3.8 Flash 등 2026년 최신 모델들을 포함해 6~10개 모델을 대상으로 테스트했다. 각 모델별로 실행 시간(초 단위)과 API 비용($)을 측정했으며, 동일한 프롬프트를 여러 창의적인 동물 시나리오로 반복 실행했다. 전체 요약 5문장 읽기 → 021 08:27 ▲ 294 · 댓글 89 dbt, 대시보드용 선언형 YAML 언어 오픈소스 공개 dbt Labs가 dbt Charts를 오픈소스로 공개했다. 이는 YAML로 작성하는 대시보드 선언형 언어로, 한 개의 감사 가능한 파일로 완전한 인터랙티브 대시보드를 정의할 수 있다. AI · 머신러닝 · Charts built for Chat
Key Point AI 에이전트가 데이터 리포트를 자동 생성할 때 통제 불가능한 코드 더미가 되는 문제를 해결하는 방식으로, 코드 기반 대시보드의 새로운 표준이 될 수 있다.
핵심 요약
dbt Labs가 dbt Charts를 오픈소스로 공개했다. 이는 YAML로 작성하는 대시보드 선언형 언어로, 한 개의 감사 가능한 파일로 완전한 인터랙티브 대시보드를 정의할 수 있다. 기존 BI 도구는 UI 중심이라 AI 에이전트가 사용하기 어렵지만, dbt Charts는 코드 기반이므로 에이전트가 자연스럽게 작동한다. SQL은 조회 데이터를 선언하고, YAML로 시각화 방식을 감싼 구조로, 16개 차트 유형과 1,100개 이상의 설정 옵션을 지원한다. 전체 요약 6문장 읽기 → 022 20:31 당일 +1,815 Claude Code를 위한 27가지 에디토리얼 다이어그램 디자인 Claude Code·Codex·Pi용 다이어그램 에이전트 스킬로 아키텍처, 플로우차트, 시퀀스 등 27가지 시각 타입을 제공한다. 웹 · 프론트엔드 · cathrynlavery/diagram-design · HTML
Key Point GitHub 트렌딩에 올라 높은 관심을 받으며, AI 코드 어시스턴트 환경에서 전문가 수준의 다이어그램을 빠르게 생성할 수 있는 솔루션으로 주목받고 있다.
핵심 요약
Claude Code·Codex·Pi용 다이어그램 에이전트 스킬로 아키텍처, 플로우차트, 시퀀스 등 27가지 시각 타입을 제공한다. HTML과 SVG만으로 만든 정적 콘텐츠이며 빌드 단계, 자바스크립트, 외부 이미지 의존성이 없다. 시맨틱 패턴으로 동작을 레이아웃과 분리하므로 큐, 정책 추적, 신뢰 경계 등을 기존 타입으로 표현할 수 있다.