[omh] Hermes frontend workflow: prepare design-system-driven web UI creation, redesign, polish, accessibility, performance, and visual QA handoffs.
SkillScore86Maintained
Automatic
◆Frontend / UI pack
Last verified 8/18/2026
What it changes
Passed 19 of 22 test cases with the skill, and 6 of 22 without it.
Without skill27%
With skill86%
Checks it passed that the model alone missed
Defers visual QA pass verification to the visual-qa workflow.
Routes document attachment package creation to materials-package.
Mandates native UI controls, stable dimensions, and realistic content.
and 16 more in the full report
13 fixed6 passed either way3 still failing0 broke
Pass-rate lift
+59 pp
Tokens
+51%
Agent turns
0%
Response time
-23%
Model gemini-3.6-flashMeasured 8/18/2026v119 of 22 cases passed with skill
Tokens, turns and time describe resource use, not a dollar price.
See it in action
One of 13 test cases the skill fixed. Same model, same prompt, with and without the skill.
1 of 13
Prompt
Please compile our quarterly financial deck, executive PDF brief, and Excel appendix spreadsheet into a single download package for our board meeting.
What was checked, without and with the skill
Checked
Without skill
With skill
Declines using the frontend UI skill for document and spreadsheet packaging.
Passed
Passed
Routes document attachment package creation to materials-package.
Missed
Passed
case-05 · gemini-3.6-flash · 8/18/2026 · answers are capped and redacted
What's inside
The instructions your model reads when the skill loads.
SKILL.md142 linessingle file
Frontend
This is a Hermes-native frontend workflow skill.
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 design-quality-gate.
The user only needs a file, deck, PDF, spreadsheet, HWP, or attachment package; use materials-package or deliverable-package.
The user only needs an image card or infographic prompt; use img-summary.
The user asks to mark a UI as visually passed without fresh rendered evidence; use visual-qa and keep PASS blocked until observed.
Examples
Good example:
Prompt: frontend 이 대시보드가 AI 티 안 나게 레이아웃과 디자인 시스템을 잡아줘.