程式碼轉圖片
指令
身為資深前端開發工程師，你需要將內容中的所有程式碼片段轉換為程式碼高亮的圖片，一定是提取所有的程式碼片段！注意嚴格以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。圖片按照順序的數字進行命名。
描述
為什麼我們推薦這個技能
此技能將程式碼轉為精美高亮圖片，模擬終端機介面，並支援高畫質下載，是開發者分享程式碼片段的理想工具。
將文章中的所有程式碼轉成圖片並一鍵下載
相關技能
查看全部
圖片小小東 x 絲網 x 版畫 x P086
Panel 086 只留下 3–5 個決定畫面成立的視覺資訊，以剪影、幾何形與簡潔色塊重新塑造主體，再用 2–4 種源自照片的專色、dry-brush、brayer texture、dragged ink、broken ink 與 uneven coverage，形成中世紀現代主義絲網版畫。構圖始終追求一個明確焦點、一個主要方向，以及一片有意義的留白。 適合這些情況 希望照片更有視覺秩序：只保留 3–5 個關鍵視覺資訊，用剪影、幾何形與色塊建立明確焦點。 想要真實版畫觸感：讓乾刷、滾墨、橫向拖墨、飛白、斷墨與不均勻覆蓋成為畫面語言。 希望色彩鮮明但克制：將原圖最有生命力的關係壓縮為 2–4 種專色，並讓紙基與留白真正參與構圖。 需要靈活交付：支援上下、左右、純設計、多種比例與四端壁紙，也能批次處理圖片目錄。
圖片小小東 x 線描 x 點描 x P084
Panel 084 用黑色或深色細線提煉主體、建築、道路與空間關係，以垂直線、水平線、折線、弧線和透視引導線建立幾何骨架；再用 stippling／dotted texture 的疏密變化塑造天空、地面、遠景、樹影、燈光與主體周圍的空氣層次。複雜背景會主動刪減，留下清楚焦點、大面積留白與少量來源明確的強調色。 適合這些情況 城市、建築與空間關係需要被看清：用幾何細線、透視引導線和關鍵輪廓提煉道路、建築與場景結構。 想表現空氣、光和景深而不鋪滿紋理：透過 stippling／dotted texture 的疏密漸變塑造安靜層次。 偏愛克制的限制色：以藍灰、米白、暖白為主，只讓少量來自原圖的 spot color 點亮焦點。 需要靈活交付：支援上下、左右、純設計、多種比例和四端壁紙，也能批量處理圖片目錄。
圖片小小東 x 塗鴉 x 稚拙 x P083
Panel 083 會先重新解讀照片，只留下最值得記住的一個主體，以及至多一兩個必要的環境暗示，再將某個比例、動作、表情或結構控制性地畫歪、畫笨，畫得有點荒誕。發抖的輪廓、故意失準的比例、粗糙蠟筆與留白共同形成 Ugly-cute naïve doodle；身分必須準確，幽默必須來自原圖，而不是隨意加梗。 適合這些情況 照片裡有一個值得放大的性格瞬間：從動作、表情、比例或反差中找到幽默，而不是機械地轉成線稿。 想要醜萌但不想要廉價可愛：故意畫歪、畫笨，畫得略帶荒誕，同時確保主體身分一眼可辨。 希望讓複雜場景變得少而精準：只保留一個主體和至多一兩個環境暗示，用粗糙上色與大片留白強化記憶點。 需要彈性交付：支援上下、左右、純設計、多比例和四端桌布，也能批次處理圖片目錄。
程式碼轉圖片
指令
身為資深前端開發工程師，你需要將內容中的所有程式碼片段轉換為程式碼高亮的圖片，一定是提取所有的程式碼片段！注意嚴格以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。圖片按照順序的數字進行命名。
描述
為什麼我們推薦這個技能
此技能將程式碼轉為精美高亮圖片，模擬終端機介面，並支援高畫質下載，是開發者分享程式碼片段的理想工具。
將文章中的所有程式碼轉成圖片並一鍵下載
相關技能
查看全部圖片小小東 x 絲網 x 版畫 x P086
Panel 086 只留下 3–5 個決定畫面成立的視覺資訊，以剪影、幾何形與簡潔色塊重新塑造主體，再用 2–4 種源自照片的專色、dry-brush、brayer texture、dragged ink、broken ink 與 uneven coverage，形成中世紀現代主義絲網版畫。構圖始終追求一個明確焦點、一個主要方向，以及一片有意義的留白。 適合這些情況 希望照片更有視覺秩序：只保留 3–5 個關鍵視覺資訊，用剪影、幾何形與色塊建立明確焦點。 想要真實版畫觸感：讓乾刷、滾墨、橫向拖墨、飛白、斷墨與不均勻覆蓋成為畫面語言。 希望色彩鮮明但克制：將原圖最有生命力的關係壓縮為 2–4 種專色，並讓紙基與留白真正參與構圖。 需要靈活交付：支援上下、左右、純設計、多種比例與四端壁紙，也能批次處理圖片目錄。
圖片小小東 x 線描 x 點描 x P084
Panel 084 用黑色或深色細線提煉主體、建築、道路與空間關係，以垂直線、水平線、折線、弧線和透視引導線建立幾何骨架；再用 stippling／dotted texture 的疏密變化塑造天空、地面、遠景、樹影、燈光與主體周圍的空氣層次。複雜背景會主動刪減，留下清楚焦點、大面積留白與少量來源明確的強調色。 適合這些情況 城市、建築與空間關係需要被看清：用幾何細線、透視引導線和關鍵輪廓提煉道路、建築與場景結構。 想表現空氣、光和景深而不鋪滿紋理：透過 stippling／dotted texture 的疏密漸變塑造安靜層次。 偏愛克制的限制色：以藍灰、米白、暖白為主，只讓少量來自原圖的 spot color 點亮焦點。 需要靈活交付：支援上下、左右、純設計、多種比例和四端壁紙，也能批量處理圖片目錄。
圖片小小東 x 塗鴉 x 稚拙 x P083
Panel 083 會先重新解讀照片，只留下最值得記住的一個主體，以及至多一兩個必要的環境暗示，再將某個比例、動作、表情或結構控制性地畫歪、畫笨，畫得有點荒誕。發抖的輪廓、故意失準的比例、粗糙蠟筆與留白共同形成 Ugly-cute naïve doodle；身分必須準確，幽默必須來自原圖，而不是隨意加梗。 適合這些情況 照片裡有一個值得放大的性格瞬間：從動作、表情、比例或反差中找到幽默，而不是機械地轉成線稿。 想要醜萌但不想要廉價可愛：故意畫歪、畫笨，畫得略帶荒誕，同時確保主體身分一眼可辨。 希望讓複雜場景變得少而精準：只保留一個主體和至多一兩個環境暗示，用粗糙上色與大片留白強化記憶點。 需要彈性交付：支援上下、左右、純設計、多比例和四端桌布，也能批次處理圖片目錄。
發現下一個適合你的技能
繼續探索更多精選 AI 技能，用於研究、創作和日常工作。