メニュー
Web UI 3-panel cho AI agent — sessions, chat, file browser. Python + vanilla JS, không framework. Reference architecture cho YAMTAM IO web mode.
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/yanacuti1121/Yana-AI --skill hermes-webuiコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
SOC 職業分類に基づく
SKILL.md を表示中
| name | hermes-webui |
| description | Web UI 3-panel cho AI agent — sessions, chat, file browser. Python + vanilla JS, không framework. Reference architecture cho YAMTAM IO web mode. |
| triggers | ["hermes webui","hermes-webui","web ui for agent","3 panel chat","agent web interface","session management ui","file browser chat"] |
Source: github.com/nesquena/hermes-webui ⭐12.6k
Stack: Python + vanilla JS + CSS — no framework, no bundler
License: MIT
┌─────────────┬──────────────────────┬──────────────────┐
│ Sessions │ Chat │ Workspace │
│ + tags │ + token ring │ file browser │
│ + search │ + composer footer │ + inline edit │
└─────────────┴──────────────────────┴──────────────────┘
Token ring: context usage dạng circular — luôn visible.
Composer footer: model selector, profile, workspace — luôn visible khi gõ.
def stream_response(agent_gen):
for chunk in agent_gen:
yield f"data: {json.dumps({'content': chunk})}\n\n"
const es = new EventSource('/api/stream')
es.onmessage = e => appendToken(JSON.parse(e.data).content)
const sessions = await loadSessions() // JSON files on disk
const filtered = sessions.filter(s =>
s.tags.includes(tag) || s.title.includes(query)
)
import hmac, hashlib
def make_token(secret, ts):
return hmac.new(secret.encode(), ts.encode(), hashlib.sha256).hexdigest()
| Hermes WebUI | YAMTAM IO |
|---|---|
| Session sidebar | App grid |
| Token ring | Dynamic Island |
| Control Center | Dock + Settings app |
| SSE streaming | SSE (đã dùng) |
| File browser | Chưa có |
| 3-panel layout | Phone simulator |
git clone https://github.com/nesquena/hermes-webui
cd hermes-webui
pip install -r requirements.txt
python server.py --port 8080
# Cần Hermes Agent chạy trước
Không cài trực tiếp — dùng làm reference nếu muốn nâng IO từ phone simulator thành web app thật: pure Python server + vanilla JS, session history, file browser vault.