Một kỹ năng Openclaw giúp chuyển đổi các git diff dạng văn bản thuần túy và ghi chú xem lại mã nguồn thành các trang trực quan hóa HTML tương tác, độc lập, hoàn chỉnh với các chỉ số rủi ro và hướng dẫn được làm nổi bật cú pháp.
Cài đặt & Tải xuống
1. ClawHub CLI
Cách nhanh nhất để cài đặt kỹ năng trực tiếp từ thư viện.
npx clawhub@latest install code-review-visualizer
2. Cài đặt Thủ công
Sao chép thư mục kỹ năng vào một trong những vị trí sau
~/.openclaw/skills/ <project>/skills/ Ưu tiên: Không gian làm việc > Cục bộ > Gói sẵn
3. Cài đặt Prompt
Sao chép prompt này vào OpenClaw để tự động cài đặt.
Giúp tôi cài đặt code-review-visualizer bằng Clawhub. Nếu Clawhub chưa
Bạn muốn tải xuống?
Nhận các tệp kỹ năng gốc dưới dạng lưu trữ ZIP.
Code Review Visualizer là gì?
Code Review Visualizer là một tiện ích được xây dựng chuyên biệt cho Openclaw Skills nhằm thu hẹp khoảng cách giữa các diff thô, dày đặc trong terminal và các bản xem lại mã nguồn mà con người có thể đọc được. Nó tự động hóa việc tạo các báo cáo HTML dạng tệp đơn được định dạng đẹp mắt để tóm tắt các pull requests, thiết lập bản đồ mức độ rủi ro kiến trúc và trình bày các sửa đổi mã nguồn theo thứ tự thời gian.
Bằng cách tận dụng kiểu dáng nhúng và các mẫu thiết kế phản hồi, công cụ này cho phép các nhà phát triển và người duy trì nhanh chóng đánh giá phạm vi thay đổi, nắm bắt các sửa đổi logic thông qua so sánh hành vi trước/sau và xem lại mã nguồn trên bất kỳ trình duyệt máy tính hoặc thiết bị di động nào mà không phụ thuộc vào các thư viện bên ngoài.
Trường hợp sử dụng Code Review Visualizer
- Hợp lý hóa việc xem lại Pull Request: Chuyển đổi các đầu vào git diff dài, gồm nhiều tệp thành các tóm tắt trực quan dễ quét có chứa biểu đồ nhiệt rủi ro.
- Đồng bộ đội ngũ & Đào tạo nội bộ: Tạo các phiên hướng dẫn tương tác cho các mô-đun phức tạp để giải thích các đường dẫn gọi, ranh giới tin cậy và luồng dữ liệu cho các kỹ sư mới tuyển dụng.
- Kiểm toán phân phối rủi ro: Gắn thẻ các tệp quan trọng bằng các cảnh báo được mã hóa màu để làm nổi bật logic yêu cầu sự chú ý kỹ hơn, đáng xem qua hoặc hoàn toàn an toàn.
- Tự động tạo mô tả PR: Tạo các đường dẫn đọc logic cùng với động lực sửa đổi để nhúng ngược lại vào các nền tảng quản lý phiên bản.
Cách thức hoạt động của Code Review Visualizer
- Tiếp nhận đầu vào: Kỹ năng nhận văn bản mã nguồn thô, tên nhánh, danh sách tệp hoặc đầu ra git patch diff do người dùng cung cấp.
- Phân tích ngữ cảnh: Công cụ cơ bản phân tích cú pháp các thay đổi, phân loại cú pháp, thiết lập bản đồ phụ thuộc kiến trúc và tính toán các yếu tố rủi ro.
- Chỉ định rủi ro & Thẻ: Các tệp được phân loại vào các tầng rủi ro cụ thể được đại diện bằng các chỉ báo trực quan rõ ràng: an toàn, đáng xem qua hoặc cần chú ý.
- Biên dịch HTML: Hệ thống nhúng tất cả các bố cục lưới CSS cần thiết, nền tảng màu sắc và logic cấu trúc trực tiếp vào một mẫu duy nhất.
- Xuất bản độc lập: Đầu ra cuối cùng được phân phối sạch sẽ dưới dạng một tài liệu HTML hoàn toàn độc lập, sẵn sàng để hiển thị qua các trình duyệt hoặc các tiện ích canvas cục bộ.
Cài đặt Code Review Visualizer
Để kích hoạt bộ trực quan hóa trong môi trường Openclaw của bạn, hãy khai báo phụ thuộc kỹ năng bên trong tệp cấu hình của bạn hoặc kích hoạt nó một cách động trong quá trình thực thi agent. Đảm bảo quy trình làm việc của agent có các quyền hệ thống tệp phù hợp để xuất các tạo tác HTML được bản địa hóa.
# Verify git diffs are available to pass to the skill pipeline
git diff main..feature-branch > changes.diff
# Invoke Openclaw agent with the code-review-visualizer asset configuration
openclaw run code-review-visualizer --input changes.diff
Lược đồ dữ liệu & Hệ thống phân loại của Code Review Visualizer
Kỹ năng này cấu trúc nhất quán đầu ra được tạo ra của nó bằng cách sử dụng một mô hình bố cục nhúng. Nó định dạng thông tin bằng cách sử dụng phân cấp bố cục sau:
| Section | Component Type | Content Elements |
|---|---|---|
| Header Meta | Core Info Block | PR Title, Author, TL;DR Summary, and Motivation Context |
| Risk Heatmap | Visual Badges | Categorized file array mapped via green (safe), yellow (worth a look), and red (needs attention) states |
| File Walkthrough | Code Blocks | Syntax-highlighted Github-style diff panels with expanding source snippets |
| Architecture Map | Call Path Layout | Trust boundary markers, external dependency borders, and data flow steps |
Tính năng Nâng cao của Code Review Visualizer
- Tính độc lập không phụ thuộc: Biên dịch tất cả các bảng kiểu xếp chồng (CSS), lưới cấu trúc và logic nội tuyến để cho phép tính di động ngoại tuyến.
- Kiến trúc thành phần phản hồi: Định dạng văn bản, các bảng hành vi cạnh nhau và các vùng chứa mã nguồn mở rộng một cách hoàn hảo trên cả chế độ xem máy tính và các khung nhìn di động.
- Cắt ngắn Diff thông minh: Tự động cắt các luồng diff khổng lồ để chỉ giữ lại các dòng hoạt động quan trọng, thêm các chỉ báo ngữ cảnh rõ ràng cho các dòng bị bỏ sót.
- Làm nổi bật ranh giới tin cậy: Triển khai các kiểu dáng canvas dành riêng để gọi ra các phần bảo mật cao, các điểm nhập dữ liệu không đáng tin cậy và các ranh giới mạng.
SKILL.md
Đang tải
Các kỹ năng Openclaw liên quan
Code Walkthrough
Một AI agent skill giúp ánh xạ các luồng dữ liệu, theo dõi ngăn xếp cuộc gọi và trực quan hóa các ranh giới bảo mật thành một trang HTML độc lập duy nhất.
CoreCoder Coding Agent Skill
CoreCoder là một kỹ năng tác nhân viết mã AI nâng cao thực hiện bảy mẫu kiến trúc của Claude Code để sửa đổi mã chính xác, cô lập tác nhân phụ và tối ưu hóa ngữ cảnh đa tầng.
Financial Equity Research
Một kỹ năng agent nghiên cứu cổ phiếu cấp tổ chức giúp tự động hóa phân tích thu nhập, bắt đầu phạm vi phủ sóng và cập nhật mô hình tài chính.
Bộ công cụ phân tích và mô hình hóa tài chính
Một bộ công cụ phân tích và mô hình hóa tài chính cấp tổ chức dùng để tạo, kiểm toán và cập nhật các mô hình DCF, LBO, Comps, báo cáo 3 bảng và các bài thuyết trình dành cho nhà đầu tư.
Workday Music Greeter
Tự động đồng bộ hóa môi trường ngày làm việc của bạn bằng cách thay đổi các bối cảnh âm nhạc, kéo các GIF phù hợp và gửi email lời chào hàng ngày tự động dựa trên thời gian trong ngày.
Jiebang SEO Analyzer
Một kỹ năng kiểm tra SEO và trích xuất metadata toàn diện được thiết kế để đánh giá sức khỏe trang web và các tối ưu hóa cấu trúc.
jiebang-file-process
Một kỹ năng tiện ích hiệu quả để băm văn bản, mã hóa/giải mã Base64 và chuyển đổi URL dựa trên Jiebang API.
Đặc sắc*
