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 rfdiosuao/AgentSkill --skill heang-worldgit clone --depth 1 https://github.com/rfdiosuao/AgentSkillWrote 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/rfdiosuao/agentskill/heang-world)<a href="https://agentmods.dev/skills/rfdiosuao/agentskill/heang-world"><img src="https://agentmods.dev/badge/skills/rfdiosuao/agentskill/heang-world/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/rfdiosuao/agentskill/heang-world"><img src="https://agentmods.dev/badge/skills/rfdiosuao/agentskill/heang-world.svg" alt="Reviewed on agentmods" width="80" height="20"></a>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.00099 | $0.01599 |
| Opus 5.5 | $0.00040 | $0.00640 |
| Sonnet 5.5 | $0.00020 | $0.00320 |
| Haiku 4.5 | $0.00010 | $0.00160 |
Grade A, and why
heang-world 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 2d 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.
- No page-curl, no decoration that stays on screen after the switch. How it starts
The opening of the file, as written. The whole thing — 97 lines — stays where its author put it; the contents beside it link to each section on GitHub.
heang-world
Optional. The required base of every project (太空少年 style, pointer interactions, logo splash) is in the
heang-designskill; world switching is only added when the user asks for it.
宇航.design shows one page in many worlds. The content and layout never change; a world restyles everything through tokens + scoped CSS and paints its own backdrop. Clicking anywhere (while 切换模式 is on) jumps to a random world with a random transition.
Project root: the heang-design/ folder that contains this .claude/.
The pieces
| What | Where | Registered by |
|---|---|---|
| World definition | src/worlds/<id>/index.ts |
import.meta.glob in src/worlds/registry.ts — just create the folder |
| World look | src/worlds/<id>/world.css (imported by its index.ts) |
— |
| Live backdrop (optional) | src/worlds/<id>/Backdrop.tsx |
backdrop: () => import("./Backdrop") |
| 3D hero object (optional) | add a variant to src/components/lab/ArtifactScene.tsx |
used from a Backdrop |
| Transition | src/transitions/fx/<id>.ts |
import.meta.glob in src/transitions/engine.ts |
| Paintings / videos | public/dims/ |
referenced from image / video |
| Fonts | the Google Fonts <link> in index.html |
— |
Contracts: src/worlds/types.ts (WorldDef) and src/transitions/types.ts (TransitionCtx).
World 01 (cadet, 太空少年) is the default every visit starts in; its tokens live in
src/tokens/tokens.css because public sites use them as the base set. Don't renumber it.
Add a world
- Read the brief. From the user's words or reference images, name: ground color, one accent,
display face, what sits behind the page (painting, video, or something drawable live), and the
one detail that makes it unmistakable (vertical CJK, HUD chamfers, a seal, a glowing ring…).
Reference screenshots with text baked in can't be used as backdrops — ask for the clean
image/video, or draw the hero object live (canvas /
ArtifactScene). - Copy the templates:
templates/world/*→src/worlds/<id>/. Replace every__PLACEHOLDER__.no= next free two-digit number. - Tokens first (
world.cssblock 1). Set every token; the template lists them all.--h-r-pillcontrols how round buttons are,--h-bwborder weight,--h-sh*shadows. - Redraw (block 3) through the hook classes only — never edit components for one world:
h1,h1 mark,h1 > i(the title's end dot),h2,.kv,.h-badge,.h-badge--sun,.h-prompt,.h-btn,.h-btn--primary,.h-btn--term,.stk(every card),.h-bar(sticky top bar — keep it readable: translucent + blur),.h-bar b,.h-bar svg(logo),.h-nav,.h-nav[aria-current="page"],.kbd,.h-account,.h-chip,.h-sechead,.h-status. Keep the@scope ([data-dim="<id>"]) to ([data-dim])wrapper: the transition's frozen copy of the previous world sits inside the page, and the lower boundary is what stops styles leaking into it. - Backdrop. Painting →
image. Video →video(+imageas poster), muted loop, ≤ 5 MB, 10–20 s, slow push-in. Live →Backdrop.tsxfrom the template; follow the pointer a little, freeze underprefers-reduced-motion. Tune.dim-world__shadeso text on the left stays legible, and add a@media (max-width: 900px)veil if the subject crosses the text on phones. - Fonts: add any new family to the
<link>inindex.html, with a real fallback stack. - Verify (see below).
What ships with it
4 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.
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.
- 2d ago First seen · 97 lines · 99 tokens per session scan A 20205db68256
heang-world is a skill published in the GitHub repository rfdiosuao/AgentSkill (16 stars, last pushed 2d ago), licensed MIT. It adds 99 tokens to every session and 1,599 once invoked, about $0.0004 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-10-26.
Other skills, from other repositories
superloopy-clone
Use when the user asks for Superloopy clone or asks to clone, rebuild, reverse-engineer, replicate, or copy a website or page into a Superloopy-governed implementation. Triggers on "loopy clone", target URLs plus requests such as "clone this site", "rebuild this page", "make a copy of this website", "pixel-perfect…
frontend-design
Design implementation-ready frontend solutions with UX intent, component structure, responsive behavior, accessibility, and handoff criteria.
core-components
Core component library and design system patterns. Use when building UI, using design tokens, or working with the component library.
build-webgl-liquid-glass
Build production-ready GPU liquid-glass surfaces with liquid-gl for React or DOM UIs. Default for refractive cards, notifications, panels, GPU bevels, and WebGL glass.
build-sdf-liquid-glass
Build lightweight SDF/canvas displacement glass with Vaso. Use for responsive refractive cards, no-WebGL fallbacks, many compact surfaces, or explicit SDF requests.
shadcn
Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for…