品牌与技能头像图标生成

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

生成方形头像/图标/Logo 并压到平台规格(512×512、≤500KB、JPG+PNG);支持成套图标同一视觉系统;含去水印(且不误删标题)、图生图定点改字两套实测技法。

一句话选型结论

按资料字段整理

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

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

安装

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

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

  2. 2
    拿到技能文件

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

  3. 3
    刷新技能列表

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

  4. 4
    验证是否生效

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

技能档案

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

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

品牌/技能头像图标生成

用途与交付规格

给技能、品牌、门店、App 生成方形头像 / 图标 / Logo;也可做成套图标(同一视觉系统,只换地标与标题字)。

默认交付规格(用户另有要求时以用户为准):

项 默认
尺寸 512×512 px
体积 ≤500KB
格式 JPG + PNG 各一份
构图 方形、圆角、主体居中,缩到小组件仍可辨识

一、风格模板(做一套时复用同一段)

flat vector logo, square app icon; soft cream/ivory background;
bold deep crimson red (#C8102E) Chinese title centered;
warm gold (#E8B04B) line-art city skyline;
thin gold rounded-square border; a play-button triangle + a film-strip segment + a sound-wave line;
minimal, high-contrast, brandable, centered composition, no clutter
  • 换地标:上海→东方明珠/外滩钟楼/中式楼阁;粤语→中环 IFC/中银大厦/摩天轮/跨海桥;其他品牌按行业挑地标或产品剪影。
  • ⚠️ 做一套时,第 2 张起必须显式写明「与同系列一致:米白底、深红标题、金色线稿、金色圆角边框」;否则模型容易给深色满版底,与第一张不成套(已实测踩到)。
  • 标题字逐个写清楚(生僻/形近字尤要盯:粤/越、沪/户、辑/缉)。

二、四个必过的坎(实测)

1. 出图自带角标水印

先判断走哪条路(2026-09-23 新增,省积分):

  • 水印压在空白角、图是平底+四边对称边框(本技能系列模板基本都这样)→
    用 scripts/fix_corner_watermark.py 镜像补角法:零积分、不动 AI 重绘、不会误伤标题字。
    bash python <SKILL_DIR>/scripts/fix_corner_watermark.py --src <原图> --out-dir <目录> --name 每日一签
    原理:右下角水印之下是纯底色+圆角边框,而左下角是同构的干净角;以镜像中心 cx 把左侧同高竖带
    翻转贴回右下角、羽化衔接 → 边框圆角几何完全吻合,无缝无重影。脚本会自动测 cx 并出 512×512 PNG+JPG
    与两张自检图(_check_corner.png 看水印残留、_check_48px.png 看小图标辨识度)。
    实测:每日一签 图标一次过,PNG 350KB、边框无断口。
  • 水印压在复杂内容上(天空线、地标、标题字)→ 才走下面的 erase 路线。

erase 路线:
先 connect_cloud_service 取 token,再
image-edit --operation erase --image-file <图> --prompt "Remove the small watermark in the bottom-right corner" --token <t>

2. ⚠️ erase 会把标题字一起抹掉(必须补偿)

erase 的模型把画面里所有文字都当移除目标——提示词含 remove text 时,主标题会被一并删掉。
补救(必用):按「颜色像素蒙版」把标题从原图取回、羽化后贴到干净底图上:

& <venv>\Scripts\python.exe scripts\restore_title_mask.py --src <原图含标题> --clean <erase后干净图> --out-dir <输出目录> --name 粤语剪辑 --hue red --band 0.04,0.45

原理:阈值取「深红像素」→ GaussianBlur 羽化 → 以蒙版把原图标题贴回干净图 → LANCZOS 缩到 512 → PNG(optimize)+JPG(q92) → 校验 ≤500KB。
--band y0,y1 限定标题所在横带(分数,如 0.04,0.45=标题在上部),避免误伤其他区域。

3. ⚠️ 标题字写错 → 用图生图定点改字,别重新生成

重新生成会换掉布局与风格。正确做法:把当前满意的那张图作为 image1 传给 ImageGen,
设 input_fidelity: "high",提示词只写一句话:

> change ONLY the first Chinese character from 「X」 to 「Y」, keep every other element exactly the same (background, skyline, play button, film strip, border, colors, layout, font style).

实测:越→粤 一次成功,其余元素像素级保留。

4. 交付前必查

  • 尺寸 = 512×512;体积 ≤500KB;格式 JPG+PNG。
  • 放大右下角确认水印无残留;边框完整。
  • 标题逐字核对;四角边框未被裁切。

三、命名与归档

  • 头像名就是它的品牌名(如「沪语剪辑」「粤语剪辑」)。
  • 归档到对应技能/项目:assets/avatar/<名字>.png + <名字>.jpg。
  • 在对应 SKILL.md / README 记一行:名字、文件、规格、设计、用途。
  • 若该技能已有打包 zip,改完要重打包(pack 脚本从技能目录现读)。

四、本机环境注意(重要)

  • Git Bash 不可用(PortableGit 缺 ls/dirname/tee)→ 别用 Bash 跑 shell 命令;
    但用完整路径的 python 直接跑脚本时 stdout 正常回显(2026-09-23 复测),
    所以做图像处理直接用:
    "C:\Users\Administrator\.workbuddy\binaries\python\envs\default\Scripts\python.exe" <脚本>,
    不必绕 PowerShell 写日志再读。
  • 处理图像用该 venv Python(含 Pillow / numpy / requests)。
  • ImageGen 出图另计积分(约 5–10 点/张)——开始前先告知用户。

常见问题

5 问
答案由本站依据条目字段整理
品牌与技能头像图标生成怎么安装?

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

品牌与技能头像图标生成支持哪些客户端?

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

品牌与技能头像图标生成权限高吗,安全吗?

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

品牌与技能头像图标生成收费吗?

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

品牌与技能头像图标生成用什么许可证?

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

热门专题

按场景挑技能
全部专题 →

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