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。圖片按照順序的數字進行命名。
description
將文章中的所有程式碼轉成圖片並一鍵下載
Related Skills
View all
影像逆向Prompt
使用者提供一張圖片，Skill 像逆向工程一樣精準提取畫風、構圖結構、主體形態、色彩、氛圍等全部視覺訊息，輸出一個能直接產生幾乎一模一樣圖片的還原prompt。附帶輕量二創引導。
字裡有畫，畫裡有典
輸入成語，從20種配圖風格中選擇，自動產生「成語解析卡片（含拼音、本義、引申義、例句、適用場景）」與「貼合典故的意境配圖」，兩者合併在同一張圖上左右排版輸出。
寵物寫真大導演｜一鍵生成電影級寵物大片
想為主子畫一張輕盈的手繪水彩畫？想看自家金毛穿上太空衣？想把小橘貓畫成吉卜力動畫主角？ 不需要去影樓，也不需要懂複雜的AI 提示詞語法。這個技能是你的"寵物專屬視覺導演"，支援兩種超酷玩法： 1.照片變身（強烈推薦）：上傳一張你家寵物的照片，選個風格，直接生成保留它真實特徵的大片！ 2.文字召喚：沒有照片？直接打字描述（例如：一隻戴墨鏡的法斗在開跑車），一樣能生成。 自動翻譯專業提示詞，直接在對話方塊內出圖。內建14 種熱門風格（包含最新的手繪水彩和日系手繪風），支援一鍵切換。每天換一張專屬螢幕保，就是這麼簡單！
代碼轉圖片
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。圖片按照順序的數字進行命名。
description
將文章中的所有程式碼轉成圖片並一鍵下載
Related Skills
View all影像逆向Prompt
使用者提供一張圖片，Skill 像逆向工程一樣精準提取畫風、構圖結構、主體形態、色彩、氛圍等全部視覺訊息，輸出一個能直接產生幾乎一模一樣圖片的還原prompt。附帶輕量二創引導。
字裡有畫，畫裡有典
輸入成語，從20種配圖風格中選擇，自動產生「成語解析卡片（含拼音、本義、引申義、例句、適用場景）」與「貼合典故的意境配圖」，兩者合併在同一張圖上左右排版輸出。
寵物寫真大導演｜一鍵生成電影級寵物大片
想為主子畫一張輕盈的手繪水彩畫？想看自家金毛穿上太空衣？想把小橘貓畫成吉卜力動畫主角？ 不需要去影樓，也不需要懂複雜的AI 提示詞語法。這個技能是你的"寵物專屬視覺導演"，支援兩種超酷玩法： 1.照片變身（強烈推薦）：上傳一張你家寵物的照片，選個風格，直接生成保留它真實特徵的大片！ 2.文字召喚：沒有照片？直接打字描述（例如：一隻戴墨鏡的法斗在開跑車），一樣能生成。 自動翻譯專業提示詞，直接在對話方塊內出圖。內建14 種熱門風格（包含最新的手繪水彩和日系手繪風），支援一鍵切換。每天換一張專屬螢幕保，就是這麼簡單！
Find your next favorite skill
Explore more curated AI skills for research, creation, and everyday work.
