v_skill_library.html
4.34 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<!DOCTYPE html>
<!-- v_skill_library — 静态原型，对应 02-V §2.9，路由 /skills -->
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>graphlemon · 技能库</title>
<style>
:root { --brand:#4f46e5; --border:#e5e7eb; --text:#111827; --text-muted:#6b7280; --bg:#fff; --bg-panel:#f9fafb; }
* { box-sizing: border-box; }
body { font-family:-apple-system,sans-serif; margin:0; color:var(--text); background:var(--bg); }
.proto-banner { background:#fef3c7; border-bottom:1px solid #f59e0b; padding:6px 20px; font-size:12px; }
.app-nav { display:flex; align-items:center; gap:4px; padding:0 20px; height:52px; border-bottom:1px solid var(--border); position:sticky; top:0; background:#fff; z-index:10;}
.app-nav .brand { font-weight:700; margin-right:20px; color:var(--brand); }
.app-nav a.nav-link { padding:8px 12px; border-radius:6px; color:var(--text); text-decoration:none; font-size:14px; }
.app-nav a.nav-link:hover, .app-nav a.nav-link.active { background:var(--bg-panel); color:var(--brand); }
.app-nav .nav-dropdown { position:relative; }
.app-nav .nav-dropdown > span { padding:8px 12px; border-radius:6px; font-size:14px; cursor:pointer; display:inline-block; }
.app-nav .dropdown-menu { display:none; position:absolute; top:100%; left:0; background:#fff; border:1px solid var(--border); border-radius:8px; padding:6px; min-width:160px; box-shadow:0 4px 12px rgba(0,0,0,.08); }
.app-nav .nav-dropdown:hover .dropdown-menu { display:block; }
.app-nav .dropdown-menu a { display:block; padding:6px 10px; border-radius:4px; color:var(--text); text-decoration:none; font-size:13px; }
.app-nav .nav-project { margin-left:auto; font-size:13px; color:var(--text-muted); }
.app-nav .nav-project a { color:var(--brand); text-decoration:none; margin-left:6px; }
.page { padding:24px; max-width:1000px; margin:0 auto; }
h1 { font-size:20px; margin:0 0 16px; }
.group { margin-bottom:22px; }
.group h2 { font-size:13px; text-transform:uppercase; letter-spacing:.04em; color:var(--text-muted); margin:0 0 10px; }
.skill-list { border:1px solid var(--border); border-radius:10px; overflow:hidden; }
.skill-row { display:flex; justify-content:space-between; align-items:center; padding:12px 16px; font-size:13px; border-bottom:1px solid var(--border); cursor:pointer; }
.skill-row:last-child { border-bottom:none; }
.skill-row:hover { background:var(--bg-panel); }
.skill-row .name { font-weight:600; }
.tag { font-size:11px; padding:2px 8px; border-radius:999px; background:#eef2ff; color:var(--brand); }
.tag.auto { background:#fef3c7; color:#92400e; }
</style>
</head>
<body>
<div class="proto-banner">静态原型（mock 数据）· 对应 02-V §2.9 · click_skill → v_skill_audit_log</div>
<nav class="app-nav">
<div class="brand">graphlemon</div>
<a href="v_dashboard.html" class="nav-link">仪表盘</a>
<a href="v_task_board.html" class="nav-link">任务</a>
<a href="v_artifact_browser.html" class="nav-link">产物</a>
<a href="v_skill_library.html" class="nav-link active">技能库</a>
<div class="nav-dropdown"><span>设置</span>
<div class="dropdown-menu">
<a href="v_concurrency_settings.html">并发数</a>
<a href="v_budget_settings.html">预算护栏</a>
<a href="v_log_retention_settings.html">日志保留</a>
</div>
</div>
<div class="nav-project">当前项目：snake-game <a href="v_project_setup.html">切换</a></div>
</nav>
<div class="page">
<h1>技能库</h1>
<div class="group">
<h2>Planner</h2>
<div class="skill-list">
<div class="skill-row" onclick="location.href='v_skill_audit_log.html'"><span class="name">project-sdd-planning</span><span class="tag">migrated_from_hermes</span></div>
</div>
</div>
<div class="group">
<h2>Coder</h2>
<div class="skill-list">
<div class="skill-row" onclick="location.href='v_skill_audit_log.html'"><span class="name">code-task-development</span><span class="tag">migrated_from_hermes</span></div>
<div class="skill-row" onclick="location.href='v_skill_audit_log.html'"><span class="name">debugging-toolkit</span><span class="tag auto">auto_iterated</span></div>
</div>
</div>
<div class="group">
<h2>Validator</h2>
<div class="skill-list">
<div class="skill-row" onclick="location.href='v_skill_audit_log.html'"><span class="name">qa-task-validation</span><span class="tag">migrated_from_hermes</span></div>
</div>
</div>
</div>
</body>
</html>