cutify-that-tab

cutify-that-tab is a skill for Claude Code from wan-huiyan/cutify-this. It costs 256 tokens per session (13,129 once invoked), scanned A, original, MIT.

A web-development skill for creating a hand-authored SVG favicon, the small icon shown in a browser tab. It supports simple cute designs such as gradient shapes, pixel-art mascots, and emoji icons.

In plain words
What is it for?
It is for adding or replacing a browser tab icon in a web app using a single SVG file.
Why use it?
It replaces a blank or default tab icon with a lightweight file that can be edited directly.

Skill for Claude Code

Written for Claude Code: shipped in a Claude Code plugin. Also seen: names the AskUserQuestion tool; mentions Claude Code.

Part of the cutify-that-tab plugin — 1 skill shipped together

Good fit It is for adding or replacing a browser tab icon in a web app using a single SVG file.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/wan-huiyan/cutify-this/cutify-that-tab
Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent
npx skills add wan-huiyan/cutify-this --skill cutify-that-tab
Clone the repo
git clone --depth 1 https://github.com/wan-huiyan/cutify-this

Made for: Claude Code.

Or install cutify-that-tab, the plugin that ships this one along with the rest of its 1 skill.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for cutify-that-tab

README.md
[![agentmods](https://agentmods.dev/badge/skills/wan-huiyan/cutify-this/cutify-that-tab/github.svg)](https://agentmods.dev/skills/wan-huiyan/cutify-this/cutify-that-tab)
Your own site
<a href="https://agentmods.dev/skills/wan-huiyan/cutify-this/cutify-that-tab"><img src="https://agentmods.dev/badge/skills/wan-huiyan/cutify-this/cutify-that-tab/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for cutify-that-tab

Your own site · 80×15
<a href="https://agentmods.dev/skills/wan-huiyan/cutify-this/cutify-that-tab"><img src="https://agentmods.dev/badge/skills/wan-huiyan/cutify-this/cutify-that-tab.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 256 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 13,129 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 1 finding. A grade says what 26 rules found in the file — not that it is safe.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00256 $0.13129
Opus 5 $0.00128 $0.06564
Sonnet 5 $0.00051 $0.02626
Haiku 4.5 $0.00026 $0.01313

Measured 8d ago against content hash 79f87baa05d7, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-08, from the pricing page.

Security

Grade A, and why

cutify-that-tab scanned grade A with 1 finding against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 8d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Makes network callslowCapability

Not a fault in itself. Listed so you know the mod talks to something, and to what.

- [ ] `curl /static/favicon.svg` (or whatever path) returns 200 + the SVG
plugins/cutify-that-tab/skills/cutify-that-tab/SKILL.md · 933 lines

How it starts

The opening of the file, as written. The whole thing — 933 lines — stays where its author put it; the contents beside it link to each section on GitHub.

Cutify That Tab ✨

Put something cute in the browser tab. Three techniques, all SVG, all hand-authorable in a single file. Pick whichever vibe — a smiling gradient blob, a 16×16 pixel-art mascot (bunny, ghost, bear, mochi cat, ...), or just an emoji. The tab is small real estate; spend ten minutes making it delightful.

Problem

User has a web app with a blank/default favicon (the empty square in the browser tab) and wants something cute in there. They're not looking for a corporate logo treatment — they want personality. Most online "favicon generators" produce a heavy 12-file pack (favicon.ico, apple-touch-icon variants, manifest.json, ...) for a problem that needs one SVG file.

Context / Trigger Conditions

Use this skill when any of:

  • User asks: "add a favicon / browser tab icon / tab logo / page icon."
  • User says the tab shows a blank square or generic globe.
  • User wants "personality" / "cute" / "something in the tab" without specifying a brand-mark treatment.
  • User shows a UI mockup with a tab strip and the tab favicon is empty.

Skip if the user wants a polished brand mark, photographic logo, or a multi-platform icon pack (apple-touch-icon, Android maskable, etc.) — those are different problems requiring different tooling.

Solution

Step 1 — pick the technique (vibe-driven)

Three techniques. Pick before authoring; switching mid-way is wasted work.

# Technique Effort When to pick it
A Emoji favicon 0 min — one <link> tag User wants instant-cute, zero asset files, OK with rendering as the OS's emoji font (slightly different on Mac vs Windows vs Linux). Examples: 🦊 🦦 🍡 🌈 🪼 🐸 🌷
B Gradient mascot blob 5-10 min App has a brand gradient and the favicon should rhyme with it. Soft, friendly. ~12 SVG elements.
C 16×16 pixel-art sticker 10-15 min Indie / "internal tool with personality" vibe. Web 1.0 charm. Renders pixel-perfect at native tab size. ~10 <rect> elements per icon.

Read the full file on GitHub · 933 lines

Files

What ships with it

60 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 8d ago First seen · 933 lines · 256 tokens per session scan A 79f87baa05d7

Subscribe to this mod's changes

cutify-that-tab is a skill published in the GitHub repository wan-huiyan/cutify-this (1 stars, last pushed 27d ago), licensed MIT. It adds 256 tokens to every session and 13,129 once invoked, about $0.0013 per session on Opus 5. A static security scan graded it A with 1 finding (makes network calls). No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.

Related

Other skills, from other repositories

aceternity-ui

100+ animated React components (Aceternity UI) for Next.js with Tailwind. Use for hero sections, parallax, 3D effects, or encountering animation, shadcn CLI integration errors.

secondsky/claude-skills · 48 tokens

base-ui-react

MUI Base UI unstyled React components with Floating UI. Use for accessible components, Radix UI migration, render props API, or encountering positioning, popup, v1.0 rc / pre-GA issues.

secondsky/claude-skills · 47 tokens

aria-usage

WAI-ARIA usage guidelines. Avoid redundant ARIA attributes. No ARIA is better than Bad ARIA. Use when writing or reviewing HTML/JSX with accessibility attributes.

ncaq/konoka · 40 tokens

motion

UIForge's motion layer — art-directs motion for React/Next.js + Tailwind interfaces built with Motion-Primitives (the shadcn-style copy-in registry, powered by Motion / ex Framer Motion). Use whenever you build or polish a landing page, hero, dashboard, pricing table, feature section, empty state, or any screen where…

TaewoooPark/UIForge · 164 tokens

design-director

UIForge's always-on design brain — the art director for any web UI. Use whenever you build or elevate a landing page, hero, dashboard, pricing table, marketing site, app screen, component, or design system, or when asked to make something feel premium, distinctive, high-end, polished, "not generic," or "not…

TaewoooPark/UIForge · 139 tokens

design-spatial

Spatial composition and layout for frontend design. Load with design when composing pages/dashboards/components, or whenever generated UI looks off — overlapping/colliding elements, weak hierarchy, or generic ("looks like every startup site"). The core idea: a model can't trust its own layout, so render it, critique…

connerkward/ckw-design-skill · 0 tokens