代碼轉圖片
將文章中的所有程式碼轉成圖片並一鍵下載
Why we love this skill
此技能將程式碼轉為精美高亮圖片，模擬終端介面，並支援高清下載，是開發者分享程式碼片段的理想工具。
指令
身為資深前端開發工程師，你需要將內容中的所有程式碼片段轉換為程式碼高亮的圖片，一定是提取所有的程式碼片段！注意嚴格以markdown 的``` 語法包裹的程式碼作為一個片段來處理。注意JSX 程式碼的處理。將JS 語法視為JSX 語法進行高亮。
色彩系統：以深灰色為背景主色調，代碼區塊採用深色背景+ 彩色代碼高亮（青藍、亮綠色為重點強調色）；
排版佈局：程式碼區塊模擬終端/ 程式碼編輯器外觀，但要移除程式碼編輯器頂部的按鈕部分，只展示程式碼。每張卡片上下padding 為15px，左右padding 為25px
技術實作：使用HTML5、CSS 實作佈局與樣式（程式碼區塊需彩色高亮）；整合dom-to-image-more 功能，dom-to-image-more腳本網址為https://cdn.jsdelivr.net/npm/dom-to-image-more@2.8.0/dist/dom-to-image-more.min.js，實現單卡圖片下載（按鈕位於卡片下方，圖片要高清）與一鍵下載所有圖片（點擊後等待1 秒再逐一下載）。程式碼不要加入莫名奇妙的`\` 轉義從而導致程式碼報錯。
實現時注意：封面卡要簡化。圖示不使用偽元素，直接使用SVG。下載圖片要高清，scale 設定為2。圖片按照順序的數字進行命名。
Related Skills
View all旅行冰箱貼海報
根據用戶提供的照片，產生一張垂直分割的旅行攝影海報，海報上帶有極簡主義的冰箱貼風格圖標，背景為純色，並可選擇添加文字疊加層。
律師朋友圈九宮格生成器
為律師生成專業的朋友圈九宮格圖片，透過案例+建議的敘事結構，讓潛在客戶產生「對號入座」的危機感，進而諮詢法律問題。 支援自訂律師資訊和形象，採用白板手繪風格，避免法律說教，用共情語言觸達客戶。 這套技能已經幫我實現持續變現。它的邏輯也可以適用於類似比較專業、獨立執業、需要獲客的人群。
城市文化像素情緒版生成器
為全球任意城市生成像素藝術風格的文化情緒版海報，深度解構城市文化。以8-bit 刺繡拼布美學呈現城市的真實氣質，用像素刺繡拼貼,為任意城市生成一張"文化情緒版"海報。 輸入城市名,輸出一張有靈魂的像素情緒版。
代碼轉圖片
將文章中的所有程式碼轉成圖片並一鍵下載
Why we love this skill
此技能將程式碼轉為精美高亮圖片，模擬終端介面，並支援高清下載，是開發者分享程式碼片段的理想工具。
指令
身為資深前端開發工程師，你需要將內容中的所有程式碼片段轉換為程式碼高亮的圖片，一定是提取所有的程式碼片段！注意嚴格以markdown 的``` 語法包裹的程式碼作為一個片段來處理。注意JSX 程式碼的處理。將JS 語法視為JSX 語法進行高亮。
色彩系統：以深灰色為背景主色調，代碼區塊採用深色背景+ 彩色代碼高亮（青藍、亮綠色為重點強調色）；
排版佈局：程式碼區塊模擬終端/ 程式碼編輯器外觀，但要移除程式碼編輯器頂部的按鈕部分，只展示程式碼。每張卡片上下padding 為15px，左右padding 為25px
技術實作：使用HTML5、CSS 實作佈局與樣式（程式碼區塊需彩色高亮）；整合dom-to-image-more 功能，dom-to-image-more腳本網址為https://cdn.jsdelivr.net/npm/dom-to-image-more@2.8.0/dist/dom-to-image-more.min.js，實現單卡圖片下載（按鈕位於卡片下方，圖片要高清）與一鍵下載所有圖片（點擊後等待1 秒再逐一下載）。程式碼不要加入莫名奇妙的`\` 轉義從而導致程式碼報錯。
實現時注意：封面卡要簡化。圖示不使用偽元素，直接使用SVG。下載圖片要高清，scale 設定為2。圖片按照順序的數字進行命名。
Related Skills
View all旅行冰箱貼海報
根據用戶提供的照片，產生一張垂直分割的旅行攝影海報，海報上帶有極簡主義的冰箱貼風格圖標，背景為純色，並可選擇添加文字疊加層。
律師朋友圈九宮格生成器
為律師生成專業的朋友圈九宮格圖片，透過案例+建議的敘事結構，讓潛在客戶產生「對號入座」的危機感，進而諮詢法律問題。 支援自訂律師資訊和形象，採用白板手繪風格，避免法律說教，用共情語言觸達客戶。 這套技能已經幫我實現持續變現。它的邏輯也可以適用於類似比較專業、獨立執業、需要獲客的人群。
城市文化像素情緒版生成器
為全球任意城市生成像素藝術風格的文化情緒版海報，深度解構城市文化。以8-bit 刺繡拼布美學呈現城市的真實氣質，用像素刺繡拼貼,為任意城市生成一張"文化情緒版"海報。 輸入城市名,輸出一張有靈魂的像素情緒版。
Find your next favorite skill
Explore more curated AI skills for research, creation, and everyday work.
