一键生成文章插图

SKILL前端设计
前端设计 未标注权限 许可证不明确
安装这个技能

为中文文章、帖子、Notion 文档和工作流文档策划或生成 16:9 火柴人手绘正文配图。用于需要把抽象观点、流程、结构、状态、对比、隐喻或行动建议变成清爽、可读、有想象力的解释图时;适用于“火柴人配图”“手绘正文插图”“配图建议”“shot list”“为每个章节配图”“生成火柴人图”等请求。

一句话选型结论

按资料字段整理

一键生成文章插图是前端设计类的 Agent Skill,安装方式未标注,权限级别未标注,许可证不明确,有可直接复制的安装命令。技能本质是给模型读的说明书,效果取决于模型与客户端;装完先用一个小任务验证,再放进正式流程。

分类前端设计 安装方式未标注 权限级别未标注权限 许可证许可证不明确
累计安装 未标注 本周 未标注
GitHub 星标 未标注 仓库 未标注
下载量 未标注 技能市场下载数
权限级别 未标注权限 安装前请确认风险范围
许可证 许可证不明确 未说明

安装

未标注
在支持 Skills 的客户端里执行,装完问一句「你有哪些技能」验证
skillhub install user_1d37f8fe/yjct
  1. 1
    确认客户端支持

    确认你的客户端支持 Skills(Claude、Codex、Cursor 等),并升级到较新的版本。

  2. 2
    拿到技能文件

    执行上面的命令安装;也可以把仓库里的 SKILL.md 手动放进客户端的 skills 目录。

  3. 3
    刷新技能列表

    重新打开客户端,或刷新技能列表,让新放进来的技能被加载。

  4. 4
    验证是否生效

    问一句「你有哪些技能」,确认列表里出现它,再拿一个小任务试跑。

技能档案

前端设计
字段来自技能仓库与公开索引,中文说明由本站标注
作者 / 维护方user_1d37f8fe仓库 未标注 · 版本 未标注
宿主客户端未标注技能可被这些客户端加载
安装方式未标注安装包 community
权限级别未标注权限安装前请确认风险范围
许可证未说明许可证不明确,商用前请自行确认条款
仓库可用性available技能仓库当前是否可访问
最近核验未标注上游最后核验时间 · 数据更新 1791736159
正文体量4.2 KBSKILL.md 原文大小,越大说明说明书写得越细

典型使用场景

3 类
按分类整理的常见用法,具体以 SKILL.md 为准
出页面与组件

按描述生成页面结构和组件草稿。

调整样式与布局

改间距、配色与响应式布局。

生成设计说明

把设计稿整理成开发能接的说明。

选择建议

装之前先看这几条
按条目字段给出的判断,不替你决定用不用

值得选的地方

  • 有可直接复制的安装命令,不用自己翻文档找入口。

先想清楚的地方

  • 没有标注权限级别,实际能做什么要装好后确认。
  • 许可证不明确,商用或二次分发前先到仓库确认条款。
  • 没有做站内核验,内容以作者仓库为准。
  • 技能只是说明书,实际效果取决于模型与客户端,装完先用小任务试一遍。

更适合

  • 需要在前端设计场景里给模型补一套做法的人。
  • 愿意先读一遍 SKILL.md、确认它会让模型做什么的人。

不太适合

  • 对许可证要求很严、必须明确可商用的人。
  • 只想装完就自动变强、不打算看说明书的人。

同类对比

6 个同类
同分类里挑最接近的几条,字段以各自详情页为准
技能权限级别安装方式累计安装宿主客户端安装命令
一键生成文章插图当前 未标注权限 未标注 未标注 未标注 有
前端设计 只读 GitHub 仓库 882.3 万 Codex、Claude、Cursor 有
Vercel 组合模式 联网访问 GitHub 仓库 385.9 万 Codex、Claude、Cursor 有
Vercel React native skills 前端 只读 GitHub 仓库 246.9 万 Codex、Claude、Cursor 有
adapt 搜索 浏览器控制 GitHub 仓库 202.7 万 Codex、Claude、Cursor 有
使用我的浏览器 浏览器控制 GitHub 仓库 184.8 万 Codex、Claude、Cursor 有

SKILL.md 全文

4.2 KB
模型实际读到的说明书原文,来自技能仓库

一键生成文章插图

将文章中的关键判断、流程或状态转化为一张张可独立阅读的火柴人手绘解释图。目标是帮助读者理解,而不是制作 PPT、商业插画或装饰性卡通。

视觉底座

  • 使用 16:9 横版、纯白背景、黑色手绘线条和充足留白。
  • 主角是火柴人:圆形头部、单线躯干与四肢、极简五官或无五官;通过姿势、动作和道具传达情绪与角色。
  • 让火柴人执行画面的关键动作,例如筛选、搬运、校准、修理、等待、搭桥、拆解或开门;不要只把它放在一旁。
  • 仅用少量红色或橙色手写批注强调风险、转折或结论;除非用户明确要求,否则不要使用蓝色装饰、色块或署名。
  • 用原创的场所、装置和隐喻承载当前文章的逻辑。不要复用此前图的固定场景或构图。
  • 图中文字保持短、准、可读;任何线条、箭头、便签和道具都必须避开中文及关键数字。

需要更细的角色、构图、提示词或质检标准时,读取 references/visual-language.md。

工作流

1. 消化正文

阅读用户给出的文章、链接、Markdown、页面或截图,提取:核心观点、认知转折、输入输出闭环、分流、对比、判断标准、角色变化与常见误区。

不要平均配图。优先选择读者最容易卡住、最值得“看图即懂”的认知锚点;纯抒情、重复论述或已足够直白的段落可以不配图。

2. 先给配图策略

当用户要“分析怎么配图”“配图建议”或“shot list”时,先不要生成图。默认给 4–8 张;短文给 1–3 张,长文通常不超过 9 张。

每张按以下字段简述:

字段 要写清楚的内容
放置位置 对应章节或段落之后
图的主题 该图要解释的一个判断或结构
场景隐喻 用什么场所、物件或动作承载逻辑
火柴人动作 主角实际在做什么
关键信息 4–6 个步骤、数据、标准、对比或结论(简单段落可更少)
短标注 需出现在图上的简短中文

3. 单张生成

当用户明确说“生成”“做图”“输出图片”时,直接用 image_gen 逐张生成,不等待确认,也不要把多张图拼在一张画布中。

每张提示词必须说明:16:9 中文正文配图、纯白背景、黑色手绘火柴人、主角的核心动作、当前文章专属的场景隐喻、少量红橙批注、留白、需出现的短中文标注,以及“不要蓝色装饰、不要 PPT、不要商业插画、不要幼态卡通、不要左上角类型标题”。

一张图只处理一个核心结构。流程或方法论优先画成可追踪的路线、分层装置、手绘机器或行动现场,使读者不读正文也能抓住本节结构。

4. 质检与迭代

生成后依据 references/visual-language.md 的质检项检查。出现以下问题时优先重生或局部编辑:

  • 火柴人是装饰,未参与核心机制;
  • 画面过满、像模板化流程图、PPT 或商业插画;
  • 隐喻与文章无关,或重复旧图构图;
  • 中文过多、错字、被线条遮挡,或关键数字难读;
  • 出现非用户要求的蓝色元素;
  • 左右分区互相侵占,箭头或标签穿过文字;
  • 火柴人过度拟人化,失去简洁、通用的火柴人特征。

5. 保存与交付

在 workspace 内工作时,将最终图片复制到 assets/<article-slug>-illustrations/,按 01-topic-name.png、02-topic-name.png 命名。保留原始生成文件,不覆盖已有资产,除非用户明确要求替换。

交付时简要说明生成数量、每张图的用途、保存位置,以及哪些图最稳、哪些可选。

常见问题

5 问
答案由本站依据条目字段整理
一键生成文章插图怎么安装?

在支持 Skills 的客户端里执行:skillhub install user_1d37f8fe/yjct。安装方式为未标注。装完刷新技能列表或重开客户端。

一键生成文章插图支持哪些客户端?

资料没有标注宿主客户端,但只要客户端支持 Skills(Claude、Codex、Cursor 等),一般都能加载。

一键生成文章插图权限高吗,安全吗?

权限级别为未标注权限。安装前先看它会读取或写入哪些内容。

一键生成文章插图收费吗?

本站不代收费用,也没有标注具体价格。是否收费取决于技能本身和所用的模型或客户端,正式使用前按作者说明确认。

一键生成文章插图用什么许可证?

许可证标注为 未说明(许可证不明确)。商用或二次分发前请到仓库确认条款原文。

热门专题

按场景挑技能
全部专题 →

技能内容以作者仓库为准;分类、权限级别与许可证状态的中文说明为中文整理,最近核验 未标注。