小红书配图

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

用户提供小红书文案后,按十套模版渲染 3:4 配图。用户给出标题和正文、要求做配图、出卡片或渲染小红书图片时使用。

一句话选型结论

按资料字段整理

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

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

安装

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

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

  2. 2
    拿到技能文件

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

  3. 3
    刷新技能列表

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

  4. 4
    验证是否生效

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

技能档案

前端设计
字段来自技能仓库与公开索引,中文说明由本站标注
作者 / 维护方user_0f287ac2仓库 未标注 · 版本 未标注
宿主客户端未标注技能可被这些客户端加载
安装方式未标注安装包 community
权限级别未标注权限安装前请确认风险范围
许可证未说明许可证不明确,商用前请自行确认条款
仓库可用性available技能仓库当前是否可访问
最近核验2026-11-06上游最后核验时间 · 数据更新 2026-11-06
正文体量2.5 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 全文

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

运行目录

每次成品放在本 skill 根目录下的
output/<YYYY-MM-DD>-<slug>/(下文简称 <run>,用户可以改名)。不要写到会话工作目录。

output/2026-09-22-avoid-brain-rot/
  draft.md                  # 用户给的文案,原样保存
  spec.json                 # 渲染脚本读取的卡片规格
  cards/*.png               # 3:4 图片 + preview.html + manifest.json

下面命令里的路径都相对本 skill 根目录。脚本会把相对路径落到 skill 目录,
与当前工作目录无关。给用户看图片。

输入

用户提供文案。至少要有标题和正文。来源、截图、头像有就收下,没有就不编。

文案不完整(没有正文,或只有一句标题)就停下来问。不要自己写成一篇笔记,也不要改写用户的句子。

把原文存成 <run>/draft.md。

配图

先读 references/card-spec.md:十套模版的选择表、字段说明和完整自检都在里面。
一篇笔记只选一个模版:按这篇文案的内容形态选一套写进 meta.template,整篇所有页都用
这一套渲染。不要给每张卡各选一套,也不要先定风格再硬塞字段。
不放话题标签、角标、评论号召。

分页、换行和 **强调** 是为了上屏。判断、数字、原话保持用户的说法。
字被压得太小就删重复句或拆页,不换一种说法。

python3 scripts/render_cards.py output/<run>/spec.json \
  --out output/<run>/cards

每张卡片是精确的 1080×1440 PNG,外加 preview.html 和 manifest.json。
分页按内容量定:内容少就 2–3 页,不硬凑;一句话的末页并回上一页(用引用块收尾),
不单独占页。先写 spec 渲一遍,按输出逐条修到干净:

  • text shrunk to 且低于 85%——这一页塞多了,删字或拆成两张,字太小手机上读不了;
  • only ... filled——正文页填充率不到 60%,合并短页或把邻页内容挪过来,
    不允许靠留白凑页数(封面大字页除外)。

交付前逐张打开图片看一遍(中文字形、换行、裁切),再按 card-spec.md 的自检逐条过,
全部通过才算完。然后在对话里用绝对路径把图片直接显示出来,告诉用户文件夹在哪。

常见问题

5 问
答案由本站依据条目字段整理
小红书配图怎么安装?

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

小红书配图支持哪些客户端?

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

小红书配图权限高吗,安全吗?

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

小红书配图收费吗?

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

小红书配图用什么许可证?

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

热门专题

按场景挑技能
全部专题 →

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