Hook
More breakout videos from this creator.
Nhờ AI vẽ sơ đồ mà nhận về mấy cái hộp bo tròn xấu hoắc có repo trị được rồi! Diagram Design là skill Claude Code dựng sẵn 27 loại sơ đồ chuẩn editorial. ⭐ 3.9K sao · MIT · 27 loại × 3 biến thể, ra file HTML mở thẳng trình duyệt ⚡ Cài: /plugin marketplace add cathrynlavery/diagram-design Repo: cathrynlavery/diagram-design #aidev #aidevrepo #claudecode #mermaid #devtools Giới thiệu Diagram Design Claude Code Skill - 27 loại sơ đồ 3.9K stars Apr 2026 launched v2.0.0 latest Skill cho Claude Code — mô tả bảng lời, nhận về sơ đồ kiến trúc, flow, timeline... Ra 1 file HTML self-contained: không build, không JS, mở thẳng trình duyệt. 27 loại sơ đồ 3 biến thể/loại Claude Code - Codex Ra file HTML mở thẳng trình duyệt. Mới bốn tháng tuổi, hơn ba nghìn tám trăm Trending 3.9K stars by cathrynlavery License MIT AI app stack - Where the work actually happens UI surface Agent harness Prompt layer SIM-ID-client Model weights 27 loại sơ đồ dùng sẵn 27 loại sơ đồ 3 biến thể/loại Claude Code - Codex MIT - 0 issue 55 Icon mono HTML + SVG Diagram Design (skill) ~60 giây Tự vật lộn trong Figma ~30 phút → Theo lời tác giả: hết cảnh 30 phút chính màu cho mỗi sơ đồ khỏi ba mươi phút vật lộn Figma. Nguyên tắc thiết kế Luật thép chống AI-slop Luật thép của Diagram Design: 1 Cấm đồ bóng "Shadows are out. Borders are in." - hairline 1px, bo góc tối đa 6-10px 2 Lưới 4px, không dư di Mọi font-size, toe, padding đều chia hết cho 4 - "non-negotiable" 3 Ngân sách tối giản Tối đa 9 khối - 12 mũi tên - 2 điểm nhấn - mật độ mục tiêu 4/10 Triết lý: nước đi chất nhất thường là xoá bớt – mỗi khối phải xứng có mặt. Thử ngay Cài thử trong 30 giây /plugin marketplace add cathrynlavery/diagram-design Sơ đồ đẹp chuẩn brand bạn. Repo: github.com/cathrynlavery/diagram-design MIT - Claude Code Skill - HTML + SVG self-contained # AIDev Review repo cho AIDev Lưu lại và theo dõi AIdev Repo @aidev.repo 307.3K Đăng theo dõi AIdev Repo nhé!