拼豆图纸生成工具

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

拼豆色号施工图生成器。把任意图片(照片、像素画、截图)吸附到拼豆色卡(MARD 221 色,另有 COCO/漫漫/盼盼/咪小窝 205 色,Lab 感知色差匹配),输出三件套:①色号标注施工图(标题栏、每 10 格行列坐标、加重网格、格内色号、色号统计图例,默认 30px 格宽);②纯色吸附图(1 像素 = 1 格);③用量清单 CSV(UTF-8 BOM,Excel 不乱码)。支持任意长边格数、镜像/翻转(文字保持正常可读)、白底当空格(白豆不计用量)。当用户提到拼豆、色号、施工图、图纸、镜像、翻转、珠子用量、bead pattern、color code 时使用。

一句话选型结论

按资料字段整理

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

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

安装

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

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

  2. 2
    拿到技能文件

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

  3. 3
    刷新技能列表

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

  4. 4
    验证是否生效

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

技能档案

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

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

Pindou Chart(拼豆色号施工图)

Overview

输入任意图片,输出一套可直接照着拼的「色号施工包」。默认输出三件套:

  • 色号标注施工图(*_annotated.png):标题栏 + 四周行列坐标(第 1 格及每 10 格标注)+ 加重网格线 + 格内色号 + 底部「色号统计」图例(色块 + 色号 + N 颗,右下角总计)。默认 30px 格宽,文字清晰可读。版式对齐 pindou.348349.xyz 的图纸样式。
  • 纯色吸附图(*_quantized.png):1 像素 = 1 格的纯色吸附图。
  • 用量清单 CSV(*_usage.csv):每个 MARD 色号的颜色 HEX、名称、所需珠子数量(颗)、占比、品牌,按用量降序,UTF-8 BOM(Excel 直接打开不乱码)。

按需输出(用户明确要求时加 --with-palette):

  • 调色板 CSS / JSON(*_palette.css|json):色号变量与结构化数据(code/name/hex/count/ratio)。

与 pindou-pattern(把像素画/图纸数据渲染成图纸)互补:本 skill 的输入是任意图片,自动完成色号吸附。

环境

依赖 Pillow + numpy,用 WorkBuddy 托管的技能隔离 venv(不要用系统 Python):

# 技能隔离环境 Python:Windows(Git Bash)用 Scripts/python.exe,macOS/Linux 用 bin/python
PY="$HOME/.workbuddy/binaries/python/envs/default/Scripts/python.exe"   # Windows
# PY="$HOME/.workbuddy/binaries/python/envs/default/bin/python"        # macOS/Linux
S="$HOME/.workbuddy/skills/pindou-chart/scripts"

"$PY" "$S/quantize.py" --help

venv 不存在或缺依赖时先建(Python 版本号从 versions 目录实际内容取,不要写死):

PYROOT="$HOME/.workbuddy/binaries/python"
PYVER=$(ls "$PYROOT/versions" | tail -1)
"$PYROOT/versions/$PYVER/python.exe" -m venv "$PYROOT/envs/default"   # Windows
# macOS/Linux: "$PYROOT/versions/$PYVER/bin/python3" -m venv "$PYROOT/envs/default"
"$PYROOT/envs/default/Scripts/python.exe" -m pip install Pillow numpy

快速开始

PY="$HOME/.workbuddy/binaries/python/envs/default/Scripts/python.exe"  # Windows;macOS/Linux 用 bin/python
S="$HOME/.workbuddy/skills/pindou-chart/scripts"

"$PY" "$S/quantize.py" art.png --max-side 72 --outdir ./out   # 长边 72 格,MARD 色号,默认三件套
"$PY" "$S/quantize.py" art.png --title 蜘蛛侠 --outdir ./out    # 施工图标题栏写「蜘蛛侠」
"$PY" "$S/quantize.py" art.png --max-side 72 --mirror h         # 左右镜像出图,文字保持正常可读
"$PY" "$S/quantize.py" photo.jpg --spec 78 --white-as-empty     # 白底当空格,白豆不计用量
"$PY" "$S/quantize.py" art.png --spec 90 --with-palette         # 任意规格 + 额外导出调色板 CSS/JSON
"$PY" "$S/quantize.py" art.png --brand COCO --max-colors 221    # 换色号体系

支持传目录 + -r 批量;--json 出结构化报告。

决策规则(把用户的话翻译成参数)

用户说法 处理
「N×N / 拼豆 N 格」 --spec N 接受任意正整数(长边格数,与 --max-side 互斥);52/78/104 是三种常用豆板规格,可向用户提示,但不必拘泥于此三档,用户要几格就给几格
「要调色板 CSS / JSON」 --with-palette(默认不导出调色板,仅默认三件套:施工图 + 吸附图 + CSV)
「标题写 XX」 --title XX(默认取文件名;--title '' 隐藏标题栏)
「格宽大点 / 文字看不清」 --annotate-cell(默认 30,<20 会难辨认)
「白色当空格,别买白豆」 --white-as-empty(配合用户偏好:白底主体图背景留空)
「镜像 / 左右翻转图纸」 --mirror h(默认语义为左右镜像;镜像的是格子数据,色号/坐标/标题/图例在翻转后渲染,文字正常可读)
「上下翻转」 --mirror v;两个方向都要 --mirror hv。镜像产物文件名带 _mirh/_mirv/_mirhv 后缀,不覆盖原图
「用 COCO / 漫漫 / 盼盼 / 咪小窝 色号」 --brand(默认 MARD)
「最多 N 色」 --max-colors N(默认上限 221;MARD 色卡 221 色可满额,COCO/漫漫/盼盼/咪小窝 各 205 色)
「不要统计图例 / 不要坐标」 --no-legend / --no-coordinates

常见坑

  • 内置色卡 221 色(MARD):MARD 采用 pindou.online 的 221 色系统编码(A1…M15,不补零,来源 https://www.pindou.online/colors );COCO/漫漫/盼盼/咪小窝 仍为 colorData.js 的 205 色编码,且新 221 色中的 16 色(M 系全部 + H23)没有这四个品牌的色号,会回退显示 HEX。旧版 205 色卡备份在 assets/palette-pindou.mard205-backup.json。
  • CSV「名称」列:内置色卡没有颜色中文名,名称列默认等于色号(如 D4);色卡 JSON 颜色带 name 字段则自动采用。
  • --spec 是长边语义:非正方形原图输出仍是长方形;要严格正方形需用户确认后裁剪。
  • 默认只缩不放、不覆盖原图:输出另存副本到 --outdir。
  • 不做抖动:每格一颗豆的离散结果,加抖动不可施工。
  • 镜像不改用量:镜像只翻转格子位置,各色号颗数、CSV/图例与原图完全一致;文字类元素一律在翻转后绘制,永不出镜镜像字。
  • 超大图(>4000px):先压缩再限定色号,速度更快、结果几乎一致。
  • 用户没给目标格数时,问清楚要几格(或默认 72,符合其常用规格)。

Resources

  • scripts/quantize.py — 全部实现:色号吸附(Lab/RGB)、色数上限、施工图渲染(标题栏/坐标/网格/格内色号/图例)、CSV/CSS/JSON 导出。完整参数表见 references/quantize-reference.md。
  • assets/palette-pindou.json — 内置拼豆色卡快照:MARD 为 pindou.online 的 221 色系统(A1…M15),COCO/漫漫/盼盼/咪小窝 为 colorData.js 的 205 色;旧版全 205 色备份在同目录 palette-pindou.mard205-backup.json。
  • 色卡数据声明:色号对照数据来源为 pindou.online(MARD 221 色)与 pindou-pattern 的 colorData.js(COCO/漫漫/盼盼/咪小窝 205 色),仅供个人拼豆拼砌参考,不属于本技能原创内容,请勿用于商业再分发。
  • references/usage-guide.md — 用户操作说明(搜索引用技能 → 上传图纸 → 输入命令 → 镜像 → 获取输出的完整流程与参数速查),用户询问「怎么用」时展示或指给它。
  • references/quantize-reference.md — 完整参数表、施工图版式说明、匹配算法、产物格式与换色卡方法。

常见问题

5 问
答案由本站依据条目字段整理
拼豆图纸生成工具怎么安装?

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

拼豆图纸生成工具支持哪些客户端?

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

拼豆图纸生成工具权限高吗,安全吗?

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

拼豆图纸生成工具收费吗?

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

拼豆图纸生成工具用什么许可证?

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

热门专题

按场景挑技能
全部专题 →

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