Svg

baoyu-infographic là một khung prompt để tạo infographic có cấu trúc, với 21 bố cục và 20 phong cách. Skill này giúp phân tích nội dung nguồn, chọn bố cục và phong cách phù hợp, rồi tạo ra các bản tóm tắt trực quan rõ ràng cho thiết kế UI, nội dung so sánh, quy trình làm việc và nhiều dạng giải thích nhiều thông tin khác.

diagram-generator giúp tạo và chỉnh sửa sơ đồ draw.io, Mermaid và Excalidraw từ đầu vào có cấu trúc. Công cụ này hỗ trợ lưu đồ, sơ đồ tuần tự, sơ đồ lớp, sơ đồ ER, sơ đồ tư duy, sơ đồ kiến trúc và topo mạng, đồng thời có thể đọc các tệp .drawio, .mmd và Excalidraw hiện có để cập nhật dễ dàng hơn.

gsap-plugins giúp lập trình viên frontend chọn, cài đặt và dùng đúng các GSAP plugins. Nội dung bao gồm cách đăng ký plugin, cách import, và hướng dẫn thực hành cho ScrollToPlugin, ScrollSmoother, Flip, Draggable, Inertia, Observer, SplitText, ScrambleText, các SVG plugins, công cụ easing, và GSDevTools. Hãy dùng khi bạn cần một hướng dẫn rõ ràng về gsap-plugins thay vì lời khuyên animation chung chung.

snipgrapher biến mã nguồn thành ảnh snippet PNG, SVG và WebP được trình bày đẹp mắt, có tô sáng cú pháp, với theme, profile có thể tái sử dụng và render qua CLI. Hãy dùng skill snipgrapher khi bạn cần bộ asset đồng nhất cho tài liệu, changelog, bài đăng mạng xã hội, hoặc snipgrapher cho thiết kế UI. Skill này hỗ trợ các quy trình install, config, batch và watch để tạo đầu ra lặp lại, nhất quán.

fireworks-tech-graph là một skill tạo sơ đồ, giúp chuyển mô tả hệ thống thành các sơ đồ SVG và PNG sẵn sàng cho sản xuất. Skill này bao gồm hướng dẫn cài đặt, script hỗ trợ, bước kiểm tra, mẫu và tài liệu tham chiếu phong cách cho sơ đồ kỹ thuật, flowchart kiến trúc, sơ đồ trình tự và các quy trình trực quan liên quan.

graphviz là một skill vẽ sơ đồ dựa trên DOT để tạo các đồ thị có hướng và vô hướng được bố trí tự động. Hãy dùng nó cho cây phụ thuộc, call graph, phân cấp gói, bản đồ sở hữu và các trường hợp graphviz cho vẽ sơ đồ khác mà cấu trúc dễ đọc quan trọng hơn việc đặt vị trí thủ công. Nó giúp agent tạo DOT hợp lệ với ít lỗi render hơn.

logo-generator giúp bạn tạo logo SVG chuyên nghiệp và hình ảnh showcase chỉn chu cho sản phẩm, thương hiệu và ý tưởng. Skill này kết hợp hướng dẫn theo mẫu thiết kế, hơn 6 biến thể logo, xuất SVG sang PNG và tạo ảnh nền showcase. Hãy dùng logo-generator khi bạn cần một hướng dẫn logo-generator nhanh, có cấu trúc cho Branding, với đầu ra có thể chỉnh sửa và bản xem trước sẵn sàng để trình bày.

Tạo các sơ đồ kiến trúc được trau chuốt, nền tối, dưới dạng các tệp HTML độc lập với SVG nội tuyến. Skill architecture-diagram được xây dựng cho các sơ đồ kiến trúc hệ thống, hạ tầng, cloud, bảo mật và topology mạng, mang đến cho bạn một hình ảnh sẵn sàng mở trong trình duyệt với màu sắc có ngữ nghĩa, mối quan hệ giữa các thành phần rõ ràng và phong cách kỹ thuật nhất quán.

makepad-2.0-vector là một kỹ năng đồ họa vector của Makepad 2.0 dành cho công việc thiết kế UI kiểu SVG. Dùng để tạo icon sắc nét, huy hiệu, minh họa, gradient, filter, transform và các phần tử vector có animation với Vector{} hoặc Svg{}. Hướng dẫn này giúp bạn cài đặt makepad-2.0-vector và nhận đầu ra sẵn sàng triển khai với ít phải đoán mò hơn.

Kỹ năng seo-images phân tích SEO và hiệu năng hình ảnh cho nội dung SEO, trang sản phẩm, bài viết biên tập và các trang nhiều hình ảnh khác. Kỹ năng này kiểm tra alt text, dung lượng file, định dạng, phân phối responsive, lazy loading, rủi ro CLS, khả năng xuất hiện trên SERP hình ảnh, và các lựa chọn tối ưu như WebP/AVIF cùng metadata IPTC/XMP. Dùng khi bạn cần một cuộc audit hình ảnh thực tế, có thứ tự ưu tiên rõ ràng.

logo-creator là một quy trình tạo logo bằng AI để lên concept, so sánh nhiều biến thể, cắt ảnh, xóa nền và xuất asset SVG. Skill này dùng tham chiếu phong cách, prompt mẫu và script hỗ trợ để tạo logo, icon, favicon và brand mark trong ReScienceLab/opc-skills.