Agent skill

Wibi Frame

by Vieeeeeee in Vieeeeeee/wibi-style

Wibi Style 官方视觉风格。从用户照片中发现最有观看价值的局部事件,先给出三个具体文字候选并推荐一个,等待用户选择后,再把眼神与手势、嘴与道具、耳饰、妆容、服饰、腿鞋等高信息密度片段转译成大面积纯色留白中的复古平面漫画特写。用于需要先确认局部放大区域,再选择规则框形、越框与框内外颜色关系的图片风格转换任务;也用于生成后需要逐张自检和主动优化的连续测试或批量任务。

MITAuto-check passedMedia & Creative

Install Wibi Frame

skills CLI
$ npx skills add Vieeeeeee/wibi-style --skill wibi-frame -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install Vieeeeeee/wibi-style wibi-frame --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/Vieeeeeee/wibi-style.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/wibi-frame .claude/skills/wibi-frame && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
wibi-frame
GitHub stars
163
Token cost
~685 tokens
SKILL.md length
129 words
Files
48 (incl. scripts, references, assets)
Skills in repo
39
Repo updated
First seen
Licence
MIT

At a glance

Wibi Style 官方视觉风格。从用户照片中发现最有观看价值的局部事件,先给出三个具体文字候选并推荐一个,等待用户选择后,再把眼神与手势、嘴与道具、耳饰、妆容、服饰、腿鞋等高信息密度片段转译成大面积纯色留白中的复古平面漫画特写。用于需要先确认局部放大区域,再选择规则框形、越框与框内外颜色关系的图片风格转换任务;也用于生成后需要逐张自检和主动优化的连续测试或批量任务。

  • Works in 5 steps: 新对话第一次使用:按 references/community.md… → 收到照片:读 references/distill.md,判断什么才算特写,给出… → 用户选定局部:读… → …
  • Media & Creative work in your project
  • SKILL.md covers 运行顺序, 核心目标, 触发与生成次数 and 输出尺寸, plus 3 more sections

What it does

Wibi Frame is an agent skill from Vieeeeeee/wibi-style. Wibi Style 官方视觉风格。从用户照片中发现最有观看价值的局部事件,先给出三个具体文字候选并推荐一个,等待用户选择后,再把眼神与手势、嘴与道具、耳饰、妆容、服饰、腿鞋等高信息密度片段转译成大面积纯色留白中的复古平面漫画特写。用于需要先确认局部放大区域,再选择规则框形、越框与框内外颜色关系的图片风格转换任务;也用于生成后需要逐张自检和主动优化的连续测试或批量任务。

Its SKILL.md is about 690 tokens, which your agent loads only when the skill is triggered. The skill folder holds 50 other files, including scripts, reference files and assets (for example `README.md`, `SOURCES.md` and `agents/openai.yaml`).

It sits in Media & Creative. The repository describes itself as: 39 installable visual-design skills for Codex, with reusable Python tooling and versioned packages. Turn photos into artwork. Try online: style.abdc.online. The licence is MIT.

When your agent uses it

  • Media & Creative work in your project

Example prompts

  • “/wibi-frame”

Workflow steps

5 steps, taken from the first numbered list in SKILL.md.

  1. 新对话第一次使用:按 references/community.md 展示欢迎卡、检查更新;进群、生成失败后的提示也按它处理。
  2. 收到照片:读 references/distill.md,判断什么才算特写,给出 A、B、C 三个文字局部候选并推荐一个,停下等用户选。
  3. 用户选定局部:读 references/frame.md,选参考图、锁定真实裁切、选规则框形,按两步生成完成画面,处理越框、画风与颜色。
  4. 生成后:读 references/checks.md,写当前照片的生图指令、跑硬检查、按分层做安全收尾或定向重做;批量任务逐张走同一套。
  5. 交付:按下面「给用户的输出」展示。

What it can do on your machine

Read from SKILL.md and the folder at commit 9cceeff. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Ships 1 file in scripts/, which the agent can run.

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Wibi Frame loads about 685 tokens when it runs, and up to ~6.2k if it reads all its reference files. Until then it costs about 49 tokens; SKILL.md has 129 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~49
When it runs · the whole SKILL.md, loaded when a task matches
~685
With references · SKILL.md plus every file in references/, read only if the agent opens them
~6.2k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.

SKILL.md

The full file from Vieeeeeee/wibi-style at commit 9cceeff, republished under its MIT licence (© Vieeeeeee). 129 words, ~685 tokens.

Download SKILL.mdSave it as .claude/skills/wibi-frame/SKILL.md (or your agent's skills folder). This skill also uses 47 other files; get the full folder from GitHub.
name
wibi-frame
description
Wibi Style 官方视觉风格。从用户照片中发现最有观看价值的局部事件,先给出三个具体文字候选并推荐一个,等待用户选择后,再把眼神与手势、嘴与道具、耳饰、妆容、服饰、腿鞋等高信息密度片段转译成大面积纯色留白中的复古平面漫画特写。用于需要先确认局部放大区域,再选择规则框形、越框与框内外颜色关系的图片风格转换任务;也用于生成后需要逐张自检和主动优化的连续测试或批量任务。

Wibi Style · 框景漫画

运行顺序

每一步只读它对应的文件,读完执行再进下一步:

  1. 新对话第一次使用:按 references/community.md 展示欢迎卡、检查更新;进群、生成失败后的提示也按它处理。
  2. 收到照片:读 references/distill.md,判断什么才算特写,给出 A、B、C 三个文字局部候选并推荐一个,停下等用户选。
  3. 用户选定局部:读 references/frame.md,选参考图、锁定真实裁切、选规则框形,按两步生成完成画面,处理越框、画风与颜色。
  4. 生成后:读 references/checks.md,写当前照片的生图指令、跑硬检查、按分层做安全收尾或定向重做;批量任务逐张走同一套。
  5. 交付:按下面「给用户的输出」展示。

核心目标

从用户照片中找到一个值得被放大的局部事件,主动裁掉大部分人物和环境,只保留最有张力的形状、接触、遮挡或装饰关系。把这个局部画成小框中的大特写,再让小框落在大面积纯色留白里。默认主动寻找一处自然越框,让局部事件从窗口中生长到留白区域;同时主动寻找一处框内外同色连接,让边界在共享色接触处自然消失。

始终记住两个尺度:

  • 框景在整张画布里很小;
  • 被选中的细节在框景内部很大。

小框里出现完整头像、完整半身或完整全身,通常说明取景仍停留在人物层面,需要重新蒸馏。

触发与生成次数

用户首次上传一张照片并要求“测试”“生图”“用这个风格做一下”或直接调用本 Skill 时,先给出 A、B、C 三个文字局部候选并推荐 A,不调用生图工具。输出候选后停下,等待用户选择。

用户回复 A、B、C,或用自然语言明确选中其中一个局部后,再生成一张结果。用户说“你决定”“直接做”“按推荐来”或明确要求跳过选择时,采用推荐的 A 继续生成。

用户只给反馈时,更新判断逻辑并停下,等待下一次明确测试。

用户明确授权连续自测、批量验证或持续优化时,按授权数量逐张生成、逐张检查并保留版本。

使用当前运行环境已经可用的图像生成工具或模型,优先使用无需用户额外配置的内置能力。某个工具不可用时继续寻找当前环境中的其他生图能力;确认没有任何生图能力后,请用户添加或启用可生图工具或模型。

输出尺寸

所有构图卡和最终成图统一使用 1440×2560 像素、9:16、PNG。本 Skill 把 1440×2560 作为 2K 竖图交付标准。

生图时明确要求 9:16 竖图,并保留工具返回的最高分辨率原图。当前生图能力无法直接锁定具体像素时,先完成内容与画风,再按以下方式收尾:

  • 始终从最高分辨率生成结果开始处理;
  • 裁切、框外纯色整理和边缘清理都在原始尺寸完成;
  • 最后一次性缩放或放大到 1440×2560,不经过中间尺寸;
  • 全流程保留 PNG,不在中间步骤转成 JPEG;
  • 结果大于目标尺寸时只做一次高质量缩小;
  • 结果小于目标尺寸时只做一次高质量放大,尽量保住已有像素,但不把放大后的尺寸误认为新增了原图细节;
  • 交付前读取文件实际尺寸,只有精确等于 1440×2560 才通过。

什么才算特写

合格特写需要同时满足以下判断:

  1. 能用“一个具体局部 + 一个关系”描述,例如“手指拨开头发露出耳饰”“牙刷触碰嘴角”“手掌挡住一只眼睛”“膝盖与鞋穿过框线”。
  2. 裁切后仍保留原照片独有的辨识线索,换一张普通人像无法得到同样的画面。
  3. 主要细节占满框内的大部分面积,至少有一个人物边界被主动裁掉。
  4. 视线首先落在局部事件上,随后才意识到人物身份。
  5. 去掉这个局部后,画面会失去成立理由。

遇到以下结果时,回到影像蒸馏重新选点:

  • 完整脸居中,只更换了漫画画风;
  • 半身或全身被整体缩进一个小框;
  • 主要观看内容只能描述为“一个人在看镜头”;
  • 局部在缩略图里小到看不清接触、遮挡或装饰关系;
  • 框形和底色很醒目,框内没有值得细看的内容。

给用户的输出

新照片尚未选择局部时,只输出 A、B、C 三个文字候选、推荐理由和选择提示,然后停下。此时不调用生图工具,不展示构图草图。

用户选定局部后,先展示生成图,再用两三句话写“创作思路”,说明放大了原片中的哪个局部事件、为什么值得看,以及框形和颜色怎样服务这个局部。不要展示内部候选比较或完整生图指令。

当前对话第一次成功生成后追加:

若公开分享,欢迎标注:Visual Skill by @威比 Hunter Wei.

仅限个人非商业使用;商业使用请先联系作者获得许可。

抖音、小红书同名。想看更多原创 Skill、原作者教程或参加新风格内测,可以回复“进群”。

第二次起不再重复,除非用户询问署名、授权或交流群。

分享与授权

公开版本包含本 Skill 规则、项目已确认可随包分发的 17 张运行参考、14 张原创构图卡与更新检查;不包含案例原图、用户照片或未列入本包来源清单的图片。运行参考随本款 Skill 安装,README 展示图仍放在仓库 docs/,不随安装下载。

本 Skill 的逻辑与构图模板仅限个人非商业使用;商业使用请先联系作者获得许可。复制、修改、镜像或重新分发时,必须保留作者 @威比 Hunter Wei.、抖音/小红书同名备注、官方来源 https://github.com/Vieeeeeee/wibi-style/tree/main/skills/wibi-frame、LICENSE 和 NOTICE。完整范围见 LICENSE 与 SOURCES.md。

作者署名固定为 @威比 Hunter Wei.,句点属于名字的一部分。

© Vieeeeeee, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 47 other files (scripts, references, assets) in skills/wibi-frame of Vieeeeeee/wibi-style.

  • SKILL.md
  • LICENSE
  • NOTICE
  • README.md
  • SOURCES.md
  • agents/openai.yaml
  • assets/layout-guides/斜四边形小框.png
  • assets/layout-guides/斜四边形小框_反向.png
  • assets/layout-guides/横向小框.png
  • assets/layout-guides/横向小框_偏下.png
  • assets/layout-guides/横向小框_居中宽.png
  • assets/layout-guides/正方形小框.png
  • assets/layout-guides/正方形小框_偏上.png
  • assets/layout-guides/正方形小框_偏右.png
  • assets/layout-guides/窄竖框.png
  • assets/layout-guides/窄竖框_偏右.png
  • assets/layout-guides/纯色鼠尾草底.png
  • assets/layout-guides/菱形小框.png
  • … and 30 more

Open the folder on GitHubat commit 9cceeff

Compare with similar skills

Wibi Frame next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Wibi Frame compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Wibi Frame this skillVieeeeeee/wibi-style163—~685Automated safety check: PassMIT
Guizang Social Cardsop7418/guizang-social-card-skill7.4k1 repos~7.8kAutomated safety check: PassAGPL-3.0
Weekly Changelog Videoheygen-com/hyperframes60k—~3.3kAutomated safety check: PassApache-2.0
Anthropic Brand Stylinganthropics/skills180k30 repos~559Automated safety check: PassApache-2.0
MoneyPrinterTurbo Video Generatorharry0703/MoneyPrinterTurbo129k—~2.1kAutomated safety check: WarnMIT
HyperFrames Media Useheygen-com/hyperframes60k—~2.4kAutomated safety check: PassApache-2.0

Similar skills

  • Guizang Social Cards

    op7418/guizang-social-card-skill

    Produces social card sets for Xiaohongshu and WeChat: carousels, Live Photo motion cards and puzzle layouts, and WeChat cover pairs, rendered from single-file HTML.

    7.4k GitHub starsUsed in 1 repo~7.8k tokens
    Media & CreativeAuto-check passed
  • Weekly Changelog Video

    heygen-com/hyperframes

    Turns a weekly changelog markdown file into a branded HyperFrames video with voiceover, animated mock-UI scenes and captions, using fonts, background and scripts bundled in the skill.

    60k GitHub stars~3.3k tokensUpdated today
    Media & CreativeAuto-check passed
  • Anthropic Brand Styling

    anthropics/skills

    Official

    Applies Anthropic's brand colors and fonts to artifacts such as PowerPoint slides, using fixed hex values for text and accents, Poppins headings and Lora body text.

    180k GitHub starsUsed in 30 repos~559 tokens
    Media & CreativeAuto-check passed
  • MoneyPrinterTurbo Video Generator

    harry0703/MoneyPrinterTurbo

    Installs and runs MoneyPrinterTurbo to turn a topic or script into a finished short video with voice-over, subtitles, stock footage and music.

    129k GitHub stars~2.1k tokensUpdated today
    Media & CreativeAuto-check: warnings
  • HyperFrames Media Use

    heygen-com/hyperframes

    Finds, generates and edits media for HyperFrames video projects: music, sound effects, images, icons, logos, voiceovers, captions and color grades.

    60k GitHub stars~2.4k tokensUpdated today
    Media & CreativeAuto-check passed
  • Holo Card Studio

    EverettFish/holo-card-studio

    Create collectible holographic foil cards and two-image lenticular flip cards with AI-generated full-color ukiyo-e and colored sumi-e anime artwork, layered Blender scenes, renders, GLB export, and…

    1.9k GitHub stars~1.4k tokensUpdated 18 days ago
    Media & CreativeAuto-check passed

More from Vieeeeeee/wibi-style

All 39 skills in this repo
  • Fisheye City Cover

    Vieeeeeee/wibi-style

    Wibi Style 官方视觉风格。Use one uploaded portrait, group photo, street photo, or travel photo as a fixed editing base, add the bundled Y2K fisheye layout, all-silver title system, and old-digital effects…

    163 GitHub stars~690 tokensUpdated today
    Auto-check passed
  • Personalized Print Ticket

    Vieeeeeee/wibi-style

    把一张人物、风景、建筑、空间、食物或日常随拍制作成中英混排的定制印刷票根。先根据照片内容动态询问,再从四套票根 Prompt 中选一套;代码产出准确文字和构图的排版导引图,然后将导引图、用户照片和印刷风格参考共同交给图像模型,生成完整票根,最后自动加入四角裁口、照片分界撕票口、虚线和打孔,输出票面以外完全透明的独立 PNG。用于定制票根、电影票风格照片卡、旅行纪念票或日常瞬间票据。

    163 GitHub stars~738 tokensUpdated today
    Auto-check passed
  • Electric Blue Halftone Poster

    Vieeeeeee/wibi-style

    Wibi Style 官方视觉风格。Turn one uploaded portrait or pet headshot into a square electric-blue coarse-halftone poster with a tightly cropped black-and-white head, red and yellow stars, and a small white…

    163 GitHub stars~1.4k tokensUpdated today
    Auto-check passed
  • Crayon Flat Naive

    Vieeeeeee/wibi-style

    Wibi Style 官方视觉 Skill。把用户上传的照片重绘成蜡笔极简扁平手绘时装插画:保留人物身份、姿态、服装轮廓和关键配饰,转为纯白纸面、稚拙线条、蜡笔颗粒与高饱和扁平色块。用户说“蜡笔极简扁平画”“蜡笔手绘时装插画”“极简扁平插画”或明确调用 $crayon-flat-naive 时使用;也适用于想把真实照片改成儿童画感时装插画的请求。

    163 GitHub stars~592 tokensUpdated today
    Auto-check passed
  • Marker Child Doodle

    Vieeeeeee/wibi-style

    Wibi Style 官方视觉风格。把用户上传的真实照片直接转换成粗轮廓、完整色块、手涂边缘的马克笔童画。用户提到马克笔童画、儿童涂鸦、粗轮廓手绘、照片变 Q 版马克笔画,或明确调用 $marker-child-doodle 时使用;只要任务是把真实照片换成这套风格,也应使用本 Skill。

    163 GitHub stars~623 tokensUpdated today
    Auto-check passed
  • Retro Table Print

    Vieeeeeee/wibi-style

    Wibi Style 官方视觉风格。把用户随手拍的餐厅打卡照、餐桌照、外卖照重新构图成红底复古杂志美食静物: 先看懂这一桌谁是主角、留白该放哪一侧、哪些器皿值得出框,再把杂乱餐厅环境换成纯正复古印刷红, 加上旧杂志扫描的颗粒与网点。适用于用户要求复古餐桌杂志、红底美食大片、把吃饭照片拍成广告, 上传餐桌照片换风格,或明确调用 $retro-table-print 时。

    163 GitHub stars~565 tokensUpdated today
    Auto-check passed

Questions about Wibi Frame

What does Wibi Frame do?

Wibi Style 官方视觉风格。从用户照片中发现最有观看价值的局部事件,先给出三个具体文字候选并推荐一个,等待用户选择后,再把眼神与手势、嘴与道具、耳饰、妆容、服饰、腿鞋等高信息密度片段转译成大面积纯色留白中的复古平面漫画特写。用于需要先确认局部放大区域,再选择规则框形、越框与框内外颜色关系的图片风格转换任务;也用于生成后需要逐张自检和主动优化的连续测试或批量任务。. Wibi Frame is an agent skill from Vieeeeeee/wibi-style.

When should I use Wibi Frame?

Wibi Frame fits situations like: media & Creative work in your project.

How do I install Wibi Frame in Claude Code?

Run `npx skills add Vieeeeeee/wibi-style --skill wibi-frame -a claude-code`. Or copy the skill folder (skills/wibi-frame in Vieeeeeee/wibi-style) into .claude/skills/wibi-frame in your project. Claude Code loads it when a task matches its description.

How do I install Wibi Frame in Codex?

Run `npx skills add Vieeeeeee/wibi-style --skill wibi-frame -a codex`. Or copy the skill folder (skills/wibi-frame in Vieeeeeee/wibi-style) into .agents/skills/wibi-frame in your project. Codex loads it when a task matches its description.

Can I use Wibi Frame in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add Vieeeeeee/wibi-style --skill wibi-frame -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/wibi-frame, .gemini/skills/wibi-frame, .github/skills/wibi-frame and .opencode/skills/wibi-frame in your project.

What does Wibi Frame need to run?

SKILL.md names no scripts, command-line tools or credentials: Wibi Frame is instructions for the agent only.

Does Wibi Frame access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Wibi Frame safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.

What licence does Wibi Frame use?

Wibi Frame is published under the MIT licence (from the LICENSE file in the skill folder). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Wibi Frame use?

About 685 tokens (SKILL.md is roughly 2.7k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 5.5k tokens, read only when the agent opens those files.

What are the alternatives to Wibi Frame?

Skills that share tags, products or a category with Wibi Frame: Guizang Social Cards (op7418/guizang-social-card-skill, 7.4k stars), Weekly Changelog Video (heygen-com/hyperframes, 60k stars), Anthropic Brand Styling (anthropics/skills, 180k stars) and MoneyPrinterTurbo Video Generator (harry0703/MoneyPrinterTurbo, 129k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Wibi Frame?

Vieeeeeee (a GitHub user) maintains it in Vieeeeeee/wibi-style, which has 163 GitHub stars. The repository holds 39 skills in this directory. The repository was last updated on October 10, 2026.

Source: Vieeeeeee/wibi-style on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.