Getting it into your agent
This one installs as part of its plugin. Adding the marketplace and installing the plugin brings it with everything else the plugin ships.
/plugin marketplace add popmechanic/VibesOS/plugin install VibesOSWrote 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/popmechanic/vibesos/vibes)<a href="https://agentmods.dev/skills/popmechanic/vibesos/vibes"><img src="https://agentmods.dev/badge/skills/popmechanic/vibesos/vibes/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/popmechanic/vibesos/vibes"><img src="https://agentmods.dev/badge/skills/popmechanic/vibesos/vibes.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.00065 | $0.02746 |
| Opus 5 | $0.00032 | $0.01373 |
| Sonnet 5 | $0.00013 | $0.00549 |
| Haiku 4.5 | $0.00006 | $0.00275 |
Grade A, and why
vibes 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 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.
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 — 227 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Plan mode: If you are planning work, this entire skill is ONE plan step: "Invoke /vibes:vibes". Do not decompose the steps below into separate plan tasks.
Display this ASCII art immediately when starting:
░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░▒▓███████▓▒░░▒▓████████▓▒░░▒▓███████▓▒░
░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░ ░▒▓█▓▒░
░▒▓█▓▒▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░ ░▒▓█▓▒░
░▒▓█▓▒▒▓█▓▒░░▒▓█▓▒░▒▓███████▓▒░░▒▓██████▓▒░ ░▒▓██████▓▒░
░▒▓█▓▓█▓▒░ ░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░ ░▒▓█▓▒░
░▒▓█▓▓█▓▒░ ░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░ ░▒▓█▓▒░
░▒▓██▓▒░ ░▒▓█▓▒░▒▓███████▓▒░░▒▓████████▓▒░▒▓███████▓▒░
Quick Navigation
- Terminal or Editor — Choose how to build (ask first!)
- Pre-Flight Check — Validate credentials before coding
- Core Rules — Essential guidelines for app generation
- Generation Process — Design reasoning and code output
- Assembly Workflow — Build the final app
- UI Style & Theming — OKLCH colors and design patterns
- TinyBase Data API — Hook reference, patterns, architectures
- AI Features — Optional AI integration
- Bug Prevention — Quick checklist
- Extended Docs — Reference files for deeper patterns
- Deployment Options — Where to deploy
Vibes DIY App Generator
Generate React web applications using TinyBase for reactive data with real-time sync.
Auth Check (silent — only prompt if needed)
Before asking Terminal or Editor, check for cached auth:
VIBES_ROOT="${CLAUDE_PLUGIN_ROOT:-$(dirname "$(dirname "${CLAUDE_SKILL_DIR}")")}"
bun --input-type=module -e "
import { readCachedTokens, isTokenExpired } from '$VIBES_ROOT/scripts/lib/cli-auth.js';
const tokens = readCachedTokens();
if (tokens && !isTokenExpired(tokens.expiresAt)) {
console.log('AUTH_OK');
} else {
console.log('AUTH_NEEDED');
}
"
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.
- animations/3d-ampersand.txt 5.2 KB
- animations/3d-carousel.txt 2.0 KB
- animations/3d-cuboid-gallery.txt 6.1 KB
- animations/3d-flip-cards.txt 1.5 KB
- animations/3d-layers.txt 2.0 KB
- animations/3d-parallax.txt 1.9 KB
- animations/3d-perspective-grid.txt 1.7 KB
- animations/anim-clip-path.txt 1.3 KB
- animations/anim-gradient-morph.txt 1.4 KB
- animations/anim-rainbow-border.txt 4.5 KB
- animations/anim-scroll-reveal.txt 1.5 KB
- animations/anim-staggered.txt 1.4 KB
- animations/anim-typewriter.txt 1.4 KB
- animations/catalog.txt 3.1 KB
- animations/int-cursor-trail.txt 2.6 KB
- animations/int-drag-sort.txt 1.9 KB
- animations/int-magnetic-buttons.txt 1.9 KB
- animations/int-mouse-glow.txt 1.4 KB
- animations/int-tilt-cards.txt 1.4 KB
- animations/part-bubbles.txt 2.6 KB
- animations/part-confetti.txt 2.8 KB
- animations/part-fireflies.txt 2.9 KB
- animations/part-floating-dots.txt 2.9 KB
- animations/part-snow.txt 2.3 KB
- animations/shd-aurora.txt 3.0 KB
- animations/shd-noise-gradient.txt 3.6 KB
- animations/shd-plasma.txt 3.0 KB
- animations/shd-voronoi.txt 3.6 KB
- animations/shd-water-ripple.txt 3.5 KB
- defaults/advanced-effects-prompt.txt 18 KB
- defaults/dev-credentials.example.json 492 B
- defaults/style-prompt.txt 7.4 KB
- modules/editor-animations.js 8.0 KB runs code
- modules/editor-color-utils.js 5.1 KB runs code
- modules/editor-imggen.js 10 KB runs code
- modules/editor-reference.js 13 KB runs code
- modules/editor-skills.js 4.5 KB runs code
- modules/editor-themes.js 31 KB runs code
- references/ai-integration.md 4.6 KB
- references/bug-prevention.md 11 KB
- references/data-api.md 18 KB
- references/game-patterns.md 2.0 KB
- references/generation-rules.md 17 KB
- references/multiplayer-guide.md 14 KB
- references/style-guide.md 2.1 KB
- references/tinybase-patterns.md 9.0 KB
- template.delta.html 14 KB
- templates/editor.html 304 KB
- templates/index.html 140 KB
- templates/preview.html 57 KB
- themes/aether.png 131 B
- themes/aether.txt 20 KB
- themes/archive.png 130 B
- themes/archive.txt 13 KB
- themes/atelier.png 131 B
- themes/atelier.txt 18 KB
- themes/atlas.png 130 B
- themes/atlas.txt 16 KB
- themes/broadsheet.png 130 B
- themes/broadsheet.txt 19 KB
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 · 227 lines · 65 tokens per session scan A 19f76b3378e7
vibes is a skill published in the GitHub repository popmechanic/VibesOS (133 stars, last pushed 1mo ago), licensed MIT. It adds 65 tokens to every session and 2,746 once invoked, about $0.0003 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-30.
Other skills, from other repositories
fusecore
Use when creating modules, understanding FuseCore structure, or implementing features in a FuseCore modular-monolith Laravel project.
solid-nextjs
Use when applying SOLID principles to Next.js architecture — modular structure, file size limits, interface separation, JSDoc.
react-19
Use when implementing React 19.2 patterns — use(), useOptimistic, useActionState, useEffectEvent, Activity component, React Compiler.
react-i18n
Use when implementing translations in a React app (not Next.js) with react-i18next — useTranslation, namespaces, pluralization, Suspense.
solid-react
Use when applying SOLID principles to React architecture — file-size limits, hook separation, src/interfaces/, JSDoc.
react-effects-audit
Use when auditing React or Next.js components for unnecessary or unsafe useEffect usage -- detects 9 anti-patterns from "You Might Not Need an Effect".