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.
npx skills add alex-durango/pingfusi --skill beautify-with-pingfusigit clone --depth 1 https://github.com/alex-durango/pingfusiWrote 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.
[](https://agentmods.dev/skills/alex-durango/pingfusi/beautify-with-pingfusi)<a href="https://agentmods.dev/skills/alex-durango/pingfusi/beautify-with-pingfusi"><img src="https://agentmods.dev/badge/skills/alex-durango/pingfusi/beautify-with-pingfusi/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.
<a href="https://agentmods.dev/skills/alex-durango/pingfusi/beautify-with-pingfusi"><img src="https://agentmods.dev/badge/skills/alex-durango/pingfusi/beautify-with-pingfusi.svg" alt="Reviewed on agentmods" width="80" height="20"></a>- NVIDIA SkillSpector pass
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.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00095 | $0.01548 |
| Opus 5 | $0.00048 | $0.00774 |
| Sonnet 5 | $0.00019 | $0.00310 |
| Haiku 4.5 | $0.00010 | $0.00155 |
Grade A, and why
beautify-with-pingfusi 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 10d 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.
Runs shell commandslowCapability
Expected in a hook, worth knowing in a rule or an instructions file.
const { execFileSync } = require("node:child_process"); How it starts
The opening of the file, as written. The whole thing — 112 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Beautify a website with pingfusi
Turn an existing page into a professionally designed version, then keep iterating on element-pinned feedback until a human reviewer approves it. Treat the page's purpose, content, brand, and behavior as constraints; there is no ground-truth design to copy.
Non-negotiables
- Edit the project's own components and styles. Preserve product intent, working behavior, semantic structure, accessibility, and user-provided copy unless the user asked to change them.
- Freeze the exact pre-edit build before changing source. Keep its public draft record and same-viewport screenshot as the before proof; never let a mutable dev URL stand in for the baseline.
- Publish the current build before every round. A remote reviewer cannot inspect localhost, and an unverified/dead URL burns the round.
- File a custom single-page round with
core.review.file; omitdraft_url. Its reviewer surface is the current page only, with sticky comments and drawing. Do not runpingfusi review <name> file: that command is for clone fidelity and asks whether a draft is identical to an original. - Never approve your own work or infer approval from prose. Finish only when a fresh
core.review.verify(stateFile)returnsok === trueon the declared verdict.
Workflow
-
Run
pingfusi doctor. Locate the real source, build/test commands, responsive breakpoints, and any brand constraints. If review login is missing, stop and have the user runpingfusi setup; there is no offline review substitute. -
Build the untouched page. Publish that static output through Pingfusi hosting and save the immutable receipt, then capture a screenshot at the viewport(s) the final proof will use:
pingfusi publish <built-dir> --name <name>-before \ --record .pingfusi/beautify/<name>/before.json --json -
Improve the page in its own source. Work in this order: hierarchy and composition; typography; spacing and alignment rhythm; color, contrast, and surfaces; responsive behavior; states and finishing details. Prefer one coherent visual idea over a pile of effects. If motion materially helps, add one restrained, purposeful beat and honor
prefers-reduced-motion. -
Build and test at desktop and phone widths. Publish the current static output through Pingfusi hosting, using a new URL for every round:
What ships with it
1 file 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.
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.
- 10d ago First seen · 112 lines · 95 tokens per session scan A 86de46e966d9
beautify-with-pingfusi is a skill published in the GitHub repository alex-durango/pingfusi (111 stars, last pushed today), licensed MIT. It adds 95 tokens to every session and 1,548 once invoked, about $0.0005 per session on Opus 5. A static security scan graded it A with 1 finding (runs shell commands). No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.
Other skills, from other repositories
web-prototype
General-purpose desktop web prototype. Single self-contained HTML file built by copying the seed assets/template.html and pasting section layouts from references/layouts.md. Default for any landing / marketing / docs / SaaS page when no more specific skill matches.
velar-luxury-real-estate
Use this plugin when the user wants a high-end luxury real-estate / architecture landing page with cinematic scroll choreography: a typewriter preloader that lifts away, a scroll-driven house image that rises from below and scales up while pinning to a dark statement section, a sticky dark stats band with count-up…
web-prototype-taste-brutalist
Swiss industrial-print web prototype. Newsprint canvas, monolithic black grotesque, viewport-bleeding numerals, hairline grid dividers, hazard-red accent, ASCII syntax decoration. Distilled from Leonxlnx/taste-skill brutalist-skill (Swiss Industrial Print mode).
web-prototype-taste-soft
Apple-tier soft web prototype. Silver/cream canvas, double-bezel cards, button-in-button CTAs, generous squircle radii, spring motion, ambient mesh. Distilled from Leonxlnx/taste-skill soft-skill + sections 4–8 of taste-skill.
mockup-device-3d
Static iPhone and MacBook 3D-style showcase with real HTML embedded on screens, glass-lens refraction, and 360-degree turntable composition.
web-prototype-taste-editorial
Editorial-minimalist web prototype. Warm monochrome canvas, serif display + grotesque body, 1px hairline borders, muted pastel chips, generous macro-whitespace, ambient micro-motion. Distilled from Leonxlnx/taste-skill minimalist-skill.