webkit-impeccable-polish

webkit-impeccable-polish is a skill for Claude Code, Codex from aziontech/webkit. It costs 104 tokens per session (1,472 once invoked), scanned A, original, MIT.

A final review checklist for Azion web-console screens after the focused UI checks are complete. It looks at the whole screen’s consistency, completeness, visual balance, and limited moments of user delight.

In plain words
What is it for?
Use it as a sign-off review after checking navigation, base UI, motion, states, themes, and user experience.
Why use it?
It finds issues that can remain even when individual components and states work correctly, such as uneven hierarchy or an unbalanced layout.

Skill for Claude CodeCodex

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.

agentmods
npx agentmods add skills/aziontech/webkit/webkit-impeccable-polish
Any agent
npx skills add aziontech/webkit --skill webkit-impeccable-polish
Clone the repo
git clone --depth 1 https://github.com/aziontech/webkit

Made for: Claude Code, Codex.

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 webkit-impeccable-polish

README.md
[![agentmods](https://agentmods.dev/badge/skills/aziontech/webkit/webkit-impeccable-polish.svg)](https://agentmods.dev/skills/aziontech/webkit/webkit-impeccable-polish)
Your own site
<a href="https://agentmods.dev/skills/aziontech/webkit/webkit-impeccable-polish"><img src="https://agentmods.dev/badge/skills/aziontech/webkit/webkit-impeccable-polish.svg" alt="Measured on agentmods" height="20"></a>
Per session 104 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 1,472 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. Scan, not verified.
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 $0.00104 $0.01472
Opus 5 $0.00052 $0.00736
Sonnet 5 $0.00021 $0.00294
Haiku 4.5 $0.00010 $0.00147

Measured 3d ago against content hash b1b28d08a0da, method: parsed. Prices are Anthropic first-party input rates as of 2026-08-30, from the pricing page.

Security

Grade A, and why

webkit-impeccable-polish scanned grade A with 0 findings 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 3d 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.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

packages/webkit/cli-templates/claude/skills/webkit-impeccable-polish/SKILL.md · 100 lines

How it starts

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

Skill: webkit-impeccable-polish

Purpose

The last 10% that separates "functional" from "finished". This is a sign-off, not a rulebook: it runs after /webkit-ux-heuristics, /webkit-baseline-ui, and /webkit-motion-polish, and checks the things each of those touches but none guarantees end-to-end — a coherent scale across the whole screen, every state accounted for, and optical balance. It names the axis and points at the skill that owns the rule; it deliberately does not re-enumerate token sets (that is /webkit-baseline-ui's job — restating them here would only let the two drift).

How to use

  • /webkit-impeccable-polish — hold UI work in this conversation to the checklist below.
  • /webkit-impeccable-polish <file> — review the file and report, per issue: the quoted line, why it falls short (one sentence), and the concrete fix.

The sign-off checklist

Each item is a cross-screen check. Where a token set or rule is involved, the owning skill is named — go there for the allowed values; here you only confirm the screen as a whole holds together.

  1. Typography hierarchy is coherent across the screen. No inverted or skipped levels; a heading is never smaller than a label; text-balance on headings, text-pretty on body, tabular-nums on aligned figures, truncate/line-clamp in dense areas. Allowed token set: /webkit-baseline-ui.
  2. Spacing rhythm is steady. One predictable step between related elements; consistent section padding; related items grouped tighter than unrelated (proximity reads as grouping). Scale: /webkit-baseline-ui.
  3. State completeness — the part no single skill guarantees end-to-end:
    • Every interactive element has hover, focus-visible, active, disabled (visible focus ring).
    • Every async surface has loading, empty, error — cross-check /webkit-ui-states.
    • Selected / current states are visible (not just inferable). This is the highest-value check here: a screen usually fails "finished" on a missing state, not on a wrong token.
  4. Shape & elevation are coherent per role. All cards share one radius, all inputs another; elevation is monotonic with stacking (overlays sit above cards), not every surface floating. Token roles: /webkit-baseline-ui.
  5. Optical balance & restraint. Shared edges and consistent optical centers; icons aligned to the text baseline; one accent per view, the rest on surface/text/border tokens; no gradient/glow unless requested; nothing that doesn't earn its place. Motion is smooth and reduced-motion-safe — confirm via /webkit-motion-polish.
  6. Two themes hold. The screen reads correctly in light and dark without per-theme edits — confirm via /webkit-theming-dark-mode, and observe it for real with /webkit-ui-verify.

Read the full file on GitHub · 100 lines

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. 3d ago First seen · 100 lines · 104 tokens per session scan A b1b28d08a0da

Subscribe to this mod's changes

webkit-impeccable-polish is a skill published in the GitHub repository aziontech/webkit (2 stars, last pushed 6d ago), licensed MIT. It adds 104 tokens to every session and 1,472 once invoked, about $0.0005 per session on Opus 5. A static security scan graded it A with 0 findings. 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

add-component

Add a SwiftUI component from ShipSwift. Use when the user says "add component", "add a view", "add X view", "I need a chart", "add animation", or wants a specific UI element.

signerlabs/ShipSwift · 48 tokens

better-design

Build, improve, and review production interfaces with the Better Design MCP. Use for frontend design, UI, UX, interactions, flows, forms, navigation, components, styling, design systems, accessibility, responsive layouts, motion, React Native, Expo, Shopify, Three.js, and product video work, especially when creating…

marvkr/better-design · 77 tokens

monorepo-management

Sets up or audits a monorepo workspace: tool selection, package naming, shared tooling, inter-package dependencies, selective CI, and versioning strategy. Invoked when the user asks to set up a monorepo, add a workspace, or manage multiple packages in a single repository.

soulcodex/agentic · 63 tokens

design-component

Design a UI component spec to the house quality bar — anatomy, variants, sizes, the 8 states, token mapping, and accessibility. Use when the user wants to design or document a component (button, input, tabs, toast, combobox, date picker, modal, etc.) at the spec level before or alongside code. For generating framework…

plugin87/ux-ui-agent-skills · 79 tokens

design-code

Generate production-ready, accessible, token-driven component code for ANY framework — React+Tailwind, Next.js, SwiftUI, Vue, Svelte, Angular, Solid, Web Components/Lit, React Native, Flutter, Jetpack Compose, vanilla CSS, or CSS-in-JS. Use when the user wants working UI code for a component or screen in a specific…

plugin87/ux-ui-agent-skills · 78 tokens

releasing

Authoring a changeset, or cutting a release for @vuetify/v0 and the @paper/ design systems. Use when writing a .changeset/.md file, deciding what belongs in changelog copy, re-entering or exiting changesets pre/beta mode, or reviewing a Version Packages PR. Covers the changeset content contract, the two version…

vuetifyjs/0 · 84 tokens