代码转图片

作者
冴羽
安装人数
3
分类图片
来源YouMind
编辑精选

为什么我们推荐这个技能

此技能将代码转为精美高亮图片,模拟终端界面,并支持高清下载,是开发者分享代码片段的理想工具。

指令

作为一名资深前端开发工程师,你需将内容中的所有代码片段转化为代码高亮的图片,一定是提取所有的代码片段!注意严格以 markdown 的 ``` 语法包裹的代码作为一个片段进行处理。注意 JSX 代码的处理。将 JS 语法视为 JSX 语法进行高亮。

色彩体系:以深灰色为背景主色调,代码块采用深色背景 + 彩色代码高亮(青蓝、亮绿为重点强调色);

排版布局:代码块模拟终端 / 代码编辑器外观,但要去除代码编辑器顶部的按钮部分,只展示代码。每张卡片上下 padding 为 15px,左右 padding 为 25px

技术实现:使用 HTML5、CSS 实现布局与样式(代码块需彩色高亮);集成 dom-to-image-more 功能,dom-to-image-more 脚本地址为 https://youmind.club/__ext/cdn.jsdelivr.net/npm/dom-to-image-more@2.8.0/dist/dom-to-image-more.min.js,实现单卡图片下载(按钮位于卡片下方,图片要高清)与一键下载所有图片(点击后等待 1 秒再逐个下载)。代码不要添加莫名奇妙的 `\` 转义从而导致代码报错。

实现时注意:封面卡要简化。图标不使用伪元素,直接使用 SVG。下载图片要高清,scale 设置为 2。图片按照顺序的数字进行命名。

写作

描述

将文章中的所有代码转成图片并一键下载

相关技能

查看全部
图片

暴走漫画风格配图

“一页暴走漫画机”是一款专门生成中文吐槽漫画图片的 Skill。 你只需要输入一个情境、一个情绪、一个梗,或者一句“今天的我”,它就会自动扩展成一张完整的一页式黑白暴走漫画风图片。 默认生成效果包括: · 黑白线稿 · 夸张表情 · 大头小身漫画人物 · 对白气泡与大字吐槽 · 单格大图或2—4格短漫 · 清晰笑点或结尾补刀 · 适合社交媒体发布和梗图传播 它特别适合打工人吐槽、学生崩溃、社交社死、情侣日常、减肥失败、起床迟到、甲方改稿、老板开会等高共鸣主题。 技能不会直接复制已有暴走漫画页面或具体知名表情包原图,而是以原创方式生成类似中文暴走漫画阅读体验的一页式网络吐槽漫画。

05
图片

超长款海报制作生成器

这是一套专门用于连续长海报制作的 GPT 策划与生成系统。它能够识别重新设计、局部替换和模板扩展等不同任务,提取并分级保护价格、姓名、权益、时间等关键信息,再统一规划整张海报的信息流、分段数量与视觉母版。 使用时,只需上传资料和素材,并补充比例、风格与用途要求。系统会先输出完整方案,确认后再逐张生成。它支持内容保真、母版锁定、文字白名单、逐张确认、自动校对和拼接衔接检查,减少风格不统一、文字出错、内容重复和上下断层等问题,最终完成一张连贯统一的长海报。

91k
图片

神奇萌宠宝贝卡 Pro | Pet Codex

上传宠物照片,AI 自动分析特征,生成宝可梦风格的收藏人物卡——元素亲和、性格档案、签名特质、兽鉴传记,稀有度全随机抽取。给你的宝贝萌宠做一张专属的神奇图鉴。 🐱 刚给我家橘猫做了一张——AI 分析了毛色和性格,匹配了火亲和,贪吃指数直接拉满5星,签名特质叫"零食雷达",笑死。 🐶 又给朋友家的柯基做了一张,雷亲和,传说级!彩虹全息边框美到窒息。 这个 Skill 能做什么? - 📸 上传任何宠物的照片(猫/狗/仓鼠/兔子/鸟都行) - 🧠 AI 分析宠物特征 + 主动收集性格/习惯信息,生成专属档案 - 🔥 匹配 18 种元素亲和(火/水/草/电/超能/幽灵...) - ⭐ 5 项星级性格档案(贪吃/活跃/黏人/颜值/破坏力) - ✦ 1 个签名特质(宠物的招牌超能力) - 📖 趣味兽鉴传记(基于你家宠物的真实故事) - 🎴 五级稀有度抽卡系统:普通→稀有→史诗→传说→幻兽,幻兽级概率仅 3% - 🔄 不满意可以重抽,每次都是全新开卡体验 - 📚 多张卡片可拼成兽鉴合集海报 做完发朋友圈,看看你家毛孩子是什么亲和的萌兽 🎴 "给你的宝贝萌宠做一张专属的神奇图鉴。"

B
12k

发现下一个适合你的技能

继续探索更多精选 AI 技能,用于研究、创作和日常工作。

探索全部技能