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 roedyrustam/vibes-plug --skill higgit clone --depth 1 https://github.com/roedyrustam/vibes-plugWrote 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/roedyrustam/vibes-plug/hig)<a href="https://agentmods.dev/skills/roedyrustam/vibes-plug/hig"><img src="https://agentmods.dev/badge/skills/roedyrustam/vibes-plug/hig/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/roedyrustam/vibes-plug/hig"><img src="https://agentmods.dev/badge/skills/roedyrustam/vibes-plug/hig.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.00074 | $0.05412 |
| Opus 5.5 | $0.00030 | $0.02165 |
| Sonnet 5.5 | $0.00015 | $0.01082 |
| Haiku 4.5 | $0.00007 | $0.00541 |
Grade A, and why
hig 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 today.
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.
How it starts
The opening of the file, as written. The whole thing — 313 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Human Interface Guidelines (HIG) Expert (2026 Edition)
English
Orchestration & Integration
Connects and orchestrates with relevant domain skills:
modern-web-guidance: Enforces standardized accessible navigation and input paradigms.visual-ui-auditor: Audits rendered visual hierarchies against HIG principles and 1px borders.design-system-architect: Implements 3-tier radius scales, surface containers, and typography tokens.tailwind-expert: Maps HIG optical letter-spacing and spacing scales to Tailwind v4 utilities.ui-ux-pro-max: Design intelligence across F/Z reading patterns and 60-30-10 color distribution.anti-slop: Eliminates fake avatars, generic gradients, and non-semantic button div-soups.brainstorming,zero-to-prod-orchestrator,session-memory-manager: Continuous lifecycle orchestration.
Description
Applies Human Interface Guidelines (HIG) principles to web and mobile UI/UX designs. Covers the core triad (Hierarchy, Harmony, Consistency), Apple's HIG 2026 updates, Google Material Design 3, spatial design for Apple Vision Pro, and modern accessibility requirements.
Trigger Conditions
- Reviewing or critiquing a UI design for HIG violations.
- Making design decisions about typography scale, color usage, or layout hierarchy.
- Designing for multiple platforms (iOS, Android, web) with consistent patterns.
- Evaluating whether a UI feels "premium" or "amateur".
- Ensuring UI components follow platform conventions (button placement, nav patterns).
The Core HIG Triad
1. Hierarchy — Guide the User's Eye
Visual hierarchy controls where the user looks first, how attention flows across information, and how confident they feel taking action (Linear/Apple/Stripe caliber).
Modular Typographic Hierarchy & Optical Tracking:
/* Strict 5-tier typographic scale with optical letter-spacing */
.eyebrow { font-size: 0.6875rem; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; color: var(--color-text-muted); }
.h1 { font-size: 2.5rem; font-weight: 700; letter-spacing: -0.025em; line-height: 1.15; color: var(--color-text-primary); }
.h2 { font-size: 1.75rem; font-weight: 600; letter-spacing: -0.02em; line-height: 1.25; color: var(--color-text-primary); }
.h3 { font-size: 1.25rem; font-weight: 600; letter-spacing: -0.01em; line-height: 1.35; color: var(--color-text-primary); }
.body { font-size: 0.9375rem; font-weight: 400; letter-spacing: 0em; line-height: 1.6; color: var(--color-text-secondary); }
.caption { font-size: 0.75rem; font-weight: 400; letter-spacing: 0.01em; color: var(--color-text-tertiary); }
.metric { font-size: 2rem; font-weight: 700; font-variant-numeric: tabular-nums; letter-spacing: -0.02em; }
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.
- today Changed · +12 lines 67553fb714c7
- yesterday Changed · +1 lines 47fdb387f14d
- 4d ago Changed 494203e3a01a
- 13d ago Changed 12a5dbb4fc64
- 15d ago Changed · +37 lines b881590673a1
- 18d ago Changed f0bdf0864616
- 19d ago Changed · +61 lines 90dfd584c3bf
- 21d ago Changed · +1 lines · +67 tokens per session 60258b19fc99
- 23d ago Changed · +6 lines · -67 tokens per session 19660f5ed8cb
- 1mo ago First seen · 195 lines · 74 tokens per session scan A caf91018631a
hig is a skill published in the GitHub repository roedyrustam/vibes-plug (111 stars, last pushed today), licensed MIT. It adds 74 tokens to every session and 5,412 once invoked, about $0.0003 per session on Opus 5.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-09-03.
Other skills, from other repositories
glance-canonical-layouts
Use this skill to create home screen widgets using Jetpack Glance Canonical Layouts from the Android Platform Samples project, or when asked to implement standard widget layout patterns (including Check List, Image Grid, Snap Scrolling, and Standard Toolbar).
adaptive
Instructions to make or update an app's UI so that it adapts to different Android devices including phones, tablets, foldables, laptops, desktop, TV, Auto, and XR. It includes how to handle different window sizes, pointing devices (such as mouse) and text entry devices (such as keyboard) using the Compose MediaQuery…
hz-unity-meta-quest-ui
Configures Unity UI for Meta VR and Horizon OS VR development — world-space canvases, TextMesh Pro setup, comfortable sizing, viewing distances, and interaction readiness.
sap-fiori-ios
SAP Fiori for iOS Design Skill — Converts Figma designs from the Fiori iOS UI Kit into SwiftUI prototypes with animations and interactions. Use this skill when a designer provides a Figma node ID or component name and wants working SwiftUI code, when asking which Fiori iOS component to use, when mapping Figma variants…
mermaid-studio
Expert Mermaid diagram creation, validation, and rendering with dual-engine output (SVG/PNG/ASCII). Supports all 20+ diagram types including C4 architecture, AWS architecture-beta with service icons, flowcharts, sequence, ERD, state, class, mindmap, timeline, git graph, sankey, and more. Features code-to-diagram…
react-native-expert
Senior React Native and Expo engineer for building production-ready cross-platform mobile apps. Use when building React Native components, implementing navigation with Expo Router, optimizing list and scroll performance, working with animations via Reanimated, handling platform-specific code (iOS/Android), integrating…