cutify-that-tab

cutify-that-tab is a skill for Claude Code from wan-huiyan/cutify-this. It costs 256 tokens per session (5,446 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 5,446 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.05446
Opus 5.5 $0.00102 $0.02178
Sonnet 5.5 $0.00051 $0.01089
Haiku 4.5 $0.00026 $0.00545

Measured yesterday against content hash e0dad38220bb, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, 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 yesterday.

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 your path) returns 200 + the SVG
plugins/cutify-that-tab/skills/cutify-that-tab/SKILL.md · 361 lines

How it starts

The opening of the file, as written. The whole thing — 361 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 one file: a gradient blob, a 16×16 pixel-art mascot, or just an emoji. Spend ten minutes making the tab delightful.

Problem

User has a blank/default favicon (the empty square in the tab) and wants personality, not a corporate logo. Online "favicon generators" emit a 12-file pack (favicon.ico, apple-touch-icon variants, manifest.json, ...) for a problem that needs one SVG file.

When to use

The user asks for a favicon / tab icon / tab logo / page icon, the tab shows a blank square or globe, or they want "something cute in the tab". Skip for a polished brand mark, photographic logo, or multi-platform icon pack (apple-touch-icon, Android maskable).

Solution

Step 1 — pick the technique (vibe-driven)

Pick before authoring (switching mid-way is wasted work). When in doubt, show options A-C with renders (AskUserQuestion preview); don't pick on first ask.

# Technique Effort When to pick it
A Emoji favicon 0 min — one <link> tag Instant-cute, zero asset files, OK with the OS's emoji font (differs on Mac / Windows / 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. Pixel-perfect at native tab size. ~10 <rect> elements.

Step 2 — author the SVG

A · Emoji (zero file)

Inline the emoji as a <text> element in a data URI on the <link>:

<link rel="icon" href='data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><text y=".9em" font-size="90">🦊</text></svg>' />

y=".9em" aligns the emoji to its full height; font-size="90" fills the viewBox with room for descenders. Single quotes around href= so the SVG can use double quotes. Swap emojis by changing one character.

Read the full file on GitHub · 361 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. yesterday Changed · -572 lines e0dad38220bb
  2. 1mo 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 yesterday), licensed MIT. It adds 256 tokens to every session and 5,446 once invoked, about $0.0010 per session on Opus 5.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

design-tokens

This skill should be used when a user wants to scaffold or refactor a design token system — e.g. "set up design tokens", "create a design system foundation", "extract these hardcoded colors into tokens", "add a type scale", "theming setup", or "dark mode tokens". It produces a single source of truth for color, type…

TimboGP/timbogp-marketplace · 98 tokens

accessibility-audit

This skill should be used when evaluating a design, page, or component against accessibility standards and producing a severity-scored report. Trigger phrases include "audit accessibility", "check a11y", "is this accessible", "WCAG audit", "check color contrast", and "accessibility review before handoff". Use it to…

TimboGP/timbogp-marketplace · 107 tokens

accessibility

Audits code for WCAG 2.2 AA compliance and provides design guidance for accessible components. Covers semantic HTML, ARIA, keyboard nav, contrast, focus management, and motion.

RealDougEubanks/ClaudeMarketplace · 41 tokens