Why we love this skill
Kỹ năng này chuyển đổi mã nguồn thành hình ảnh được tô sáng đẹp mắt, mô phỏng giao diện terminal và hỗ trợ tải xuống độ phân giải cao, biến nó thành công cụ lý tưởng cho các nhà phát triển để chia sẻ các đoạn mã.
Hướng dẫn
Là một lập trình viên front-end cấp cao, bạn cần chuyển đổi tất cả các đoạn mã trong nội dung thành hình ảnh được tô sáng. Việc trích xuất tất cả các đoạn mã là rất quan trọng! Lưu ý rằng mã được bao bọc nghiêm ngặt trong cú pháp dấu ngoặc kép ngược (``) của Markdown nên được coi là một đoạn mã duy nhất. Hãy đặc biệt chú ý đến mã JSX. Hãy coi cú pháp JS như cú pháp JSX để tô sáng.
Phối màu: Màu xám đậm được sử dụng làm màu nền chính, và các khối mã sử dụng nền tối với các phần mã được tô màu nổi bật (màu lục lam và xanh lá cây tươi sáng là những màu nhấn mạnh chính).
Bố cục: Các khối mã mô phỏng giao diện của một trình soạn thảo mã/terminal, nhưng các nút ở phía trên trình soạn thảo mã đã được loại bỏ, chỉ hiển thị mã. Mỗi thẻ có khoảng đệm trên và dưới là 15px và khoảng đệm trái và phải là 25px.
Triển khai kỹ thuật: Bố cục và kiểu dáng được thực hiện bằng HTML5 và CSS (các khối mã cần được tô màu nổi bật); chức năng dom-to-image-more đã được tích hợp. Địa chỉ của script dom-to-image-more là https://cdn.jsdelivr.net/npm/dom-to-image-more@2.8.0/dist/dom-to-image-more.min.js, cho phép tải xuống hình ảnh từng thẻ một (nút nằm bên dưới thẻ, hình ảnh phải có độ phân giải cao) và tải xuống tất cả hình ảnh chỉ với một cú nhấp chuột (sau khi nhấp chuột, đợi 1 giây trước khi tải xuống từng hình ảnh một). Tránh thêm các dấu ngoặc kép ngược (`\`) không cần thiết vào mã, vì điều này có thể gây ra lỗi.
Khi thực hiện việc này, vui lòng lưu ý: Giữ cho bìa thiệp đơn giản. Không sử dụng các phần tử giả (pseudo-elements) cho biểu tượng; hãy sử dụng SVG trực tiếp. Hình ảnh tải xuống nên có độ phân giải cao, với tỷ lệ 2. Đặt tên hình ảnh theo thứ tự số.
description
Chuyển đổi toàn bộ mã trong bài viết thành hình ảnh và tải xuống chỉ với một cú nhấp chuột.
Related Skills
View all
Hình ảnh đảo ngược
Người dùng cung cấp một hình ảnh, và Skill, giống như kỹ thuật đảo ngược, sẽ trích xuất chính xác tất cả thông tin hình ảnh như phong cách, bố cục, hình dạng chủ thể, màu sắc và không khí, đưa ra một gợi ý có thể trực tiếp tạo ra một hình ảnh gần như giống hệt. Một hướng dẫn đơn giản về cách tạo ra các tác phẩm phái sinh cũng được bao gồm.
Trong ngôn từ ẩn chứa những bức tranh, và trong những bức tranh ấy lại chứa đựng những tác phẩm kinh điển.
Nhập một thành ngữ, chọn từ 20 kiểu hình ảnh, và hệ thống sẽ tự động tạo ra "Thẻ phân tích thành ngữ (bao gồm phiên âm Pinyin, nghĩa gốc, nghĩa mở rộng, câu ví dụ và các trường hợp áp dụng)" và "Hình ảnh phù hợp với ý tưởng nghệ thuật của thành ngữ". Sau đó, hai phần này sẽ được kết hợp trên cùng một hình ảnh và hiển thị theo chiều ngang.
Đạo diễn ảnh thú cưng | Tạo ra những bức ảnh thú cưng đậm chất điện ảnh chỉ với một cú nhấp chuột
Bạn muốn vẽ một bức tranh màu nước nhẹ nhàng, bay bổng cho người bạn bốn chân của mình? Bạn muốn thấy chú chó Golden Retriever của mình trong bộ đồ phi hành gia? Bạn muốn biến chú mèo tam thể màu cam của mình thành nhân vật trong phim Ghibli? Không cần phải đến studio ảnh hay hiểu những lời nhắc phức tạp của AI. Kỹ năng này là "đạo diễn hình ảnh cá nhân hóa cho thú cưng của bạn", hỗ trợ hai tính năng siêu tuyệt vời: 1. Chuyển đổi ảnh (Rất được khuyến khích): Tải ảnh thú cưng của bạn lên, chọn một phong cách và nó sẽ ngay lập tức tạo ra một hình ảnh tuyệt đẹp giữ nguyên các đặc điểm thực của nó! 2. Gọi bằng văn bản: Không có ảnh? Chỉ cần nhập mô tả (ví dụ: "Một chú chó Bulldog Pháp đeo kính râm đang lái một chiếc xe thể thao"), và nó vẫn sẽ tạo ra một hình ảnh. Nó tự động dịch các lời nhắc chuyên nghiệp và tạo ra hình ảnh trực tiếp trong hộp trò chuyện. Nó bao gồm 14 phong cách phổ biến (bao gồm cả phong cách màu nước vẽ tay và phong cách vẽ tay Nhật Bản mới nhất), hỗ trợ chuyển đổi chỉ bằng một cú nhấp chuột. Thay đổi hình nền màn hình hàng ngày thật đơn giản!
Chuyển đổi mã thành hình ảnh
Why we love this skill
Kỹ năng này chuyển đổi mã nguồn thành hình ảnh được tô sáng đẹp mắt, mô phỏng giao diện terminal và hỗ trợ tải xuống độ phân giải cao, biến nó thành công cụ lý tưởng cho các nhà phát triển để chia sẻ các đoạn mã.
Hướng dẫn
Là một lập trình viên front-end cấp cao, bạn cần chuyển đổi tất cả các đoạn mã trong nội dung thành hình ảnh được tô sáng. Việc trích xuất tất cả các đoạn mã là rất quan trọng! Lưu ý rằng mã được bao bọc nghiêm ngặt trong cú pháp dấu ngoặc kép ngược (``) của Markdown nên được coi là một đoạn mã duy nhất. Hãy đặc biệt chú ý đến mã JSX. Hãy coi cú pháp JS như cú pháp JSX để tô sáng.
Phối màu: Màu xám đậm được sử dụng làm màu nền chính, và các khối mã sử dụng nền tối với các phần mã được tô màu nổi bật (màu lục lam và xanh lá cây tươi sáng là những màu nhấn mạnh chính).
Bố cục: Các khối mã mô phỏng giao diện của một trình soạn thảo mã/terminal, nhưng các nút ở phía trên trình soạn thảo mã đã được loại bỏ, chỉ hiển thị mã. Mỗi thẻ có khoảng đệm trên và dưới là 15px và khoảng đệm trái và phải là 25px.
Triển khai kỹ thuật: Bố cục và kiểu dáng được thực hiện bằng HTML5 và CSS (các khối mã cần được tô màu nổi bật); chức năng dom-to-image-more đã được tích hợp. Địa chỉ của script dom-to-image-more là https://cdn.jsdelivr.net/npm/dom-to-image-more@2.8.0/dist/dom-to-image-more.min.js, cho phép tải xuống hình ảnh từng thẻ một (nút nằm bên dưới thẻ, hình ảnh phải có độ phân giải cao) và tải xuống tất cả hình ảnh chỉ với một cú nhấp chuột (sau khi nhấp chuột, đợi 1 giây trước khi tải xuống từng hình ảnh một). Tránh thêm các dấu ngoặc kép ngược (`\`) không cần thiết vào mã, vì điều này có thể gây ra lỗi.
Khi thực hiện việc này, vui lòng lưu ý: Giữ cho bìa thiệp đơn giản. Không sử dụng các phần tử giả (pseudo-elements) cho biểu tượng; hãy sử dụng SVG trực tiếp. Hình ảnh tải xuống nên có độ phân giải cao, với tỷ lệ 2. Đặt tên hình ảnh theo thứ tự số.
description
Chuyển đổi toàn bộ mã trong bài viết thành hình ảnh và tải xuống chỉ với một cú nhấp chuột.
Related Skills
View allHình ảnh đảo ngược
Người dùng cung cấp một hình ảnh, và Skill, giống như kỹ thuật đảo ngược, sẽ trích xuất chính xác tất cả thông tin hình ảnh như phong cách, bố cục, hình dạng chủ thể, màu sắc và không khí, đưa ra một gợi ý có thể trực tiếp tạo ra một hình ảnh gần như giống hệt. Một hướng dẫn đơn giản về cách tạo ra các tác phẩm phái sinh cũng được bao gồm.
Trong ngôn từ ẩn chứa những bức tranh, và trong những bức tranh ấy lại chứa đựng những tác phẩm kinh điển.
Nhập một thành ngữ, chọn từ 20 kiểu hình ảnh, và hệ thống sẽ tự động tạo ra "Thẻ phân tích thành ngữ (bao gồm phiên âm Pinyin, nghĩa gốc, nghĩa mở rộng, câu ví dụ và các trường hợp áp dụng)" và "Hình ảnh phù hợp với ý tưởng nghệ thuật của thành ngữ". Sau đó, hai phần này sẽ được kết hợp trên cùng một hình ảnh và hiển thị theo chiều ngang.
Đạo diễn ảnh thú cưng | Tạo ra những bức ảnh thú cưng đậm chất điện ảnh chỉ với một cú nhấp chuột
Bạn muốn vẽ một bức tranh màu nước nhẹ nhàng, bay bổng cho người bạn bốn chân của mình? Bạn muốn thấy chú chó Golden Retriever của mình trong bộ đồ phi hành gia? Bạn muốn biến chú mèo tam thể màu cam của mình thành nhân vật trong phim Ghibli? Không cần phải đến studio ảnh hay hiểu những lời nhắc phức tạp của AI. Kỹ năng này là "đạo diễn hình ảnh cá nhân hóa cho thú cưng của bạn", hỗ trợ hai tính năng siêu tuyệt vời: 1. Chuyển đổi ảnh (Rất được khuyến khích): Tải ảnh thú cưng của bạn lên, chọn một phong cách và nó sẽ ngay lập tức tạo ra một hình ảnh tuyệt đẹp giữ nguyên các đặc điểm thực của nó! 2. Gọi bằng văn bản: Không có ảnh? Chỉ cần nhập mô tả (ví dụ: "Một chú chó Bulldog Pháp đeo kính râm đang lái một chiếc xe thể thao"), và nó vẫn sẽ tạo ra một hình ảnh. Nó tự động dịch các lời nhắc chuyên nghiệp và tạo ra hình ảnh trực tiếp trong hộp trò chuyện. Nó bao gồm 14 phong cách phổ biến (bao gồm cả phong cách màu nước vẽ tay và phong cách vẽ tay Nhật Bản mới nhất), hỗ trợ chuyển đổi chỉ bằng một cú nhấp chuột. Thay đổi hình nền màn hình hàng ngày thật đơn giản!
Find your next favorite skill
Explore more curated AI skills for research, creation, and everyday work.
