Files
writing-agent/web/modules.html
T
2026-09-30 12:00:20 +08:00

88 lines
3.2 KiB
HTML

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script>
(function () {
try {
if (/(?:^|[?&])embed=1(?:&|$)/.test(location.search)) {
document.documentElement.setAttribute("data-embed", "1");
}
} catch (e) {}
})();
</script>
<title>技能池 · Writing Agent</title>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@500;600;700&display=swap"
rel="stylesheet"
/>
<script src="/theme-init.js"></script>
<link rel="stylesheet" href="/settings.css" />
<link rel="stylesheet" href="/modules.css" />
</head>
<body class="settings-page modules-page">
<header class="st-top">
<a class="st-brand" href="/">Writing Agent</a>
<nav class="st-nav" aria-label="主导航">
<a href="/">对话</a>
<a href="/modules.html" aria-current="page">技能</a>
<a href="/shells.html">呈现壳</a>
<a href="/libraries.html">库</a>
<a href="/stats.html">Token</a>
<a href="/settings.html">设置</a>
</nav>
</header>
<div class="st-shell mod-shell">
<aside class="st-rail mod-rail" aria-label="技能列表">
<p class="st-rail-label">备选技能</p>
<p class="mod-pack" id="pack-label">加载中…</p>
<div class="mod-filter">
<input
type="search"
id="mod-search"
placeholder="搜索名称 / 声明…"
autocomplete="off"
/>
</div>
<div class="mod-status-filters" id="status-filters" role="group" aria-label="按状态筛选">
<button type="button" class="mod-chip active" data-status="">全部</button>
<button type="button" class="mod-chip" data-status="ready">已写</button>
<button type="button" class="mod-chip" data-status="partial">部分</button>
<button type="button" class="mod-chip" data-status="skeleton">骨架</button>
</div>
<nav class="mod-list" id="mod-list"></nav>
<p class="st-rail-note">
创作助手根据本局设计清单从这里取用能力;本页只读浏览方法正文。
</p>
</aside>
<main class="st-main mod-main">
<header class="st-main-head">
<div>
<h1 id="panel-title">技能池</h1>
<p class="st-sub" id="panel-subtitle">选择左侧一项查看方法块</p>
</div>
<div class="st-main-actions">
<span class="mod-badge" id="status-badge" hidden></span>
</div>
</header>
<p class="mod-error" id="mod-error" hidden></p>
<div class="mod-read">
<div class="st-status" id="meta-bar" hidden></div>
<div class="st-body mod-body" id="mod-detail">
<p class="mod-empty">从左侧选择一项技能</p>
</div>
</div>
</main>
</div>
<script type="module" src="/modules.js"></script>
</body>
</html>