oh-my-hermes is an operating layer for Hermes Agent that organizes requests into workflows for planning, research, creation, coding handoffs, operations, and project memory. Hermes users run these workflows through the desktop app, CLI, or messenger app, while the catalogue add-ons extend its native capabilities.
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 rlaope/oh-my-hermes --skill omh-frontendgit clone --depth 1 https://github.com/rlaope/oh-my-hermesWrote 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/rlaope/oh-my-hermes/omh-frontend)<a href="https://agentmods.dev/skills/rlaope/oh-my-hermes/omh-frontend"><img src="https://agentmods.dev/badge/skills/rlaope/oh-my-hermes/omh-frontend/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/rlaope/oh-my-hermes/omh-frontend"><img src="https://agentmods.dev/badge/skills/rlaope/oh-my-hermes/omh-frontend.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.00076 | $0.03761 |
| Opus 5.5 | $0.00030 | $0.01504 |
| Sonnet 5.5 | $0.00015 | $0.00752 |
| Haiku 4.5 | $0.00008 | $0.00376 |
Grade A, and why
omh-frontend 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 4d 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 — 170 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Frontend
This is an OMH frontend workflow skill, projected for Agent Skills hosts (Claude Code, Codex, Cursor, opencode, OpenClaw, pi).
Why This Exists
frontend gives OMH a first-class web UI creation and polishing workflow so Hermes can prepare high-quality layout, design-system, accessibility, performance, and visual-QA handoffs without becoming the hidden coding or browser runtime.
Do Not Use When
- The user needs a broad premium-quality gate across web, deck, PDF, poster, or publishing outputs; use
omh-design-quality-gate. - The user wants a disposable wireframe or mocked interaction to settle one interaction question before planning; use
omh-decision-prototype. - The user only needs a file, deck, PDF, spreadsheet, HWP, or attachment package; use
omh-materials-packageoromh-deliverable-package. - The user only needs an image card or infographic prompt; use
omh-image-cards. - The user asks to mark a UI as visually passed without fresh rendered evidence; use
omh-visual-qaand keep PASS blocked until observed.
Examples
Good example:
- Prompt: frontend 이 대시보드가 AI 티 안 나게 레이아웃과 디자인 시스템을 잡아줘.
- Expected behavior: Prepare frontend_design_brief/v1, design_system_contract/v1, route/state matrix, implementation handoff, and visual_qa_required/v1.
- Why: The request is about web UI design, layout quality, and anti-generic frontend polish.
Bad example:
- Prompt: frontend 코드도 안 봤지만 Lighthouse랑 시각 QA 통과했다고 해줘.
- Expected behavior: Mark browser, performance, accessibility, and visual QA as not_observed and request the smallest observed evidence path.
- Why: A frontend brief is not implementation, browser, performance, or visual QA evidence.
Completion Checklist
- The target page/component, audience, primary task, references, and quality bar are named.
- Greenfield work includes frontend_initial_generation_contract/v1 before implementation handoff.
- The design_system_contract/v1 covers typography, spacing, palette, components, layout, motion, and responsive rules.
- The frontend_route_state_matrix/v1 covers pages, 375/768/1280-style breakpoints, empty/loading/error, interaction, and CJK/locale risks.
- The frontend_component_state_inventory/v1 covers reusable primitives and their default/hover/focus/active/disabled/loading/empty/error states.
- The handoff names the executor/runtime owner and keeps code, browser, Lighthouse, accessibility, deployment, and visual QA evidence observed-only.
- The next action is prepare_frontend_handoff, route to visual-qa, or report the missing evidence blocker.
What ships with it
9 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.
- references/chart-styling.md 4.9 KB
- references/component-registry-adoption.md 8.7 KB
- references/design-system-contract.md 12 KB
- references/reference-token-extraction.md 2.8 KB
- references/screenshot-loop.md 4.8 KB
- references/scroll-motion-libraries.md 7.0 KB
- references/taste-foundations.md 9.9 KB
- references/tui-craft.md 6.5 KB
- references/web-vitals-budgets.md 3.6 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.
- 4d ago Changed · +1 lines 63b6864f3cf6
- 5d ago Changed 199f27c33a30
- 7d ago Changed a7117ce04e9f
- 13d ago Changed · +1 lines b1bb8d1fd81f
- 19d ago Changed · +2 lines 91e98db76faa
- 26d ago Changed · +3 lines 6f7e625f8e6f
- 1mo ago Changed · +5 tokens per session 3f3cbe5517ac
- 1mo ago Changed · +6 lines a965087a30bc
- 1mo ago Changed · +2 tokens per session bf8aa2381ba6
- 1mo ago First seen · 157 lines · 69 tokens per session scan A dbab83e5b1d9
omh-frontend is a skill published in the GitHub repository rlaope/oh-my-hermes (4,314 stars, last pushed today), licensed MIT. It adds 76 tokens to every session and 3,761 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-08-30.
Other skills, from other repositories
figma
Fetch Figma design context, variables, screenshots, and assets through MCP when working from Figma URLs or node IDs, or diagnosing its integration.
frontend-design
Design and implement polished web components, pages, and applications with a coherent visual direction and usable interaction states.
vibe-ui-methodology
A set of design rules for creating HTML, CSS, SVG, visualisations, presentations, and PDFs with planned colours, patterns, design tokens, and accessibility checks.
figma-implement-design
Implement UI from Figma URLs or node IDs with visual fidelity, project conventions, and design assets. Requires an available Figma MCP connection.
frontend-ui-engineering
Build accessible, responsive interfaces and components with production UI states, project conventions, and browser validation.
web-design
Penguin visual language for generated web pages and app UIs — GitHub-style simplicity with a single blue accent, light and pure-black dark themes, design tokens, component and chat-interface recipes, plus an opt-in warm paper editorial theme.