chenmoranzhiandCursor
3c751988de
Design-flow now sees leftover catalog skills and aesthetics-card commitments; reply-format injects present-shells/, and world-simulator prompts add random-range plus a tighter module set. Co-authored-by: Cursor <cursoragent@cursor.com>
73 lines
3.2 KiB
HTML
73 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" />
|
|
<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"
|
|
/>
|
|
<link rel="stylesheet" href="/settings.css" />
|
|
<link rel="stylesheet" href="/styles.css" />
|
|
<link rel="stylesheet" href="/shells.css" />
|
|
</head>
|
|
<body class="settings-page shells-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">技能</a>
|
|
<a href="/shells.html" aria-current="page">呈现壳</a>
|
|
<a href="/stats.html">Token</a>
|
|
<a href="/settings.html">设置</a>
|
|
</nav>
|
|
</header>
|
|
|
|
<div class="st-shell shells-shell">
|
|
<aside class="st-rail" aria-label="壳列表">
|
|
<p class="st-rail-label">选壳</p>
|
|
<p class="st-rail-hint">按「要同时看见什么」选，不是按好看选。</p>
|
|
<nav class="shells-list" id="shell-list" role="tablist"></nav>
|
|
<p class="st-rail-note">
|
|
主任务永远是读正文（常 1000～2000 字）。侧栏只换壳；长度/语气在预览顶栏。
|
|
</p>
|
|
</aside>
|
|
|
|
<main class="st-main shells-main">
|
|
<div class="shells-toolbar" role="toolbar" aria-label="预览条件">
|
|
<div class="shells-toolbar-block">
|
|
<span class="shells-toolbar-label" id="length-label">正文长度</span>
|
|
<div class="shells-tones" id="length-list" role="group" aria-labelledby="length-label"></div>
|
|
</div>
|
|
<div class="shells-toolbar-block">
|
|
<span class="shells-toolbar-label" id="tone-label">语气</span>
|
|
<div class="shells-tones" id="tone-list" role="group" aria-labelledby="tone-label"></div>
|
|
</div>
|
|
<div class="shells-toolbar-block shells-toolbar-meta" id="shell-meta"></div>
|
|
</div>
|
|
|
|
<section class="shells-preview-wrap" aria-label="壳预览主工作面">
|
|
<div id="shell-preview" class="shells-preview"></div>
|
|
</section>
|
|
|
|
<details class="shells-details">
|
|
<summary>微调轴与说明</summary>
|
|
<div class="shells-details-body">
|
|
<div class="shells-tweak-grid" id="tweak-controls"></div>
|
|
<ul class="shells-help-list">
|
|
<li>主工作面 = 上面的壳。读长文时正文撑高，页面滚动；侧栏 / 选择坞钉住。</li>
|
|
<li>壳差在「必须同时看见什么」：只正文 / 正文+状态 / 正文+线索 / 正文+选项…</li>
|
|
<li>创作只改字段绑定与显示名，不发明新布局。文档：<code>docs/play-presentation-shells.md</code></li>
|
|
</ul>
|
|
</div>
|
|
</details>
|
|
</main>
|
|
</div>
|
|
|
|
<script type="module" src="/shells.js"></script>
|
|
</body>
|
|
</html>
|