ui-chan-mcp 0.5.0

package/skills/eli14/references/base.html

@@ -0,0 +1,495 @@
+<title>ういの取扱説明</title>
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@500;700&family=Zen+Kaku+Gothic+New:wght@400;500&family=Roboto+Mono:wght@400;500&display=swap">
+
+<style>
+  :root {
+    --ground: #eaeef5;
+    --card: #f7f9fc;
+    --ink: #1b2230;
+    --ink-soft: #55607a;
+    --ink-faint: #8b94a8;
+    --rule: #ccd4e4;
+    --accent: #4f5fc9;
+    --accent-soft: #dfe3fa;
+    --warm: #d1804f;
+    --warm-soft: #f6e4d8;
+    --drop: #a8b6dd;
+  }
+
+  @media (prefers-color-scheme: dark) {
+    :root:not([data-theme="light"]) {
+      --ground: #12151d;
+      --card: #1a1f2b;
+      --ink: #e6eaf3;
+      --ink-soft: #a3adc2;
+      --ink-faint: #6d7791;
+      --rule: #2c3444;
+      --accent: #97a4f2;
+      --accent-soft: #262e4d;
+      --warm: #e4a071;
+      --warm-soft: #3a2a1e;
+      --drop: #3d4966;
+    }
+  }
+
+  :root[data-theme="dark"] {
+    --ground: #12151d;
+    --card: #1a1f2b;
+    --ink: #e6eaf3;
+    --ink-soft: #a3adc2;
+    --ink-faint: #6d7791;
+    --rule: #2c3444;
+    --accent: #97a4f2;
+    --accent-soft: #262e4d;
+    --warm: #e4a071;
+    --warm-soft: #3a2a1e;
+    --drop: #3d4966;
+  }
+
+  * { box-sizing: border-box; }
+
+  body {
+    margin: 0;
+    background: var(--ground);
+    color: var(--ink);
+    font-family: "Zen Kaku Gothic New", system-ui, sans-serif;
+    font-size: 16px;
+    line-height: 1.85;
+    -webkit-font-smoothing: antialiased;
+  }
+
+  .wrap {
+    max-width: 720px;
+    margin: 0 auto;
+    padding: 0 24px 96px;
+    display: flex;
+    flex-direction: column;
+    gap: 72px;
+  }
+
+  h1, h2, .display {
+    font-family: "Zen Maru Gothic", "Zen Kaku Gothic New", system-ui, sans-serif;
+    font-weight: 700;
+    text-wrap: balance;
+    line-height: 1.4;
+    margin: 0;
+  }
+
+  .label {
+    font-family: "Roboto Mono", ui-monospace, monospace;
+    font-size: 12px;
+    letter-spacing: 0.14em;
+    text-transform: uppercase;
+    color: var(--ink-faint);
+    margin: 0;
+  }
+
+  p { margin: 0; }
+  .lede { color: var(--ink-soft); }
+
+  /* ---- hero ---- */
+  header {
+    position: relative;
+    padding: 88px 0 8px;
+    display: flex;
+    flex-direction: column;
+    gap: 20px;
+  }
+
+  h1 { font-size: clamp(34px, 7vw, 52px); }
+  h1 .ruby { display: block; font-size: 14px; letter-spacing: 0.3em; color: var(--accent); font-weight: 500; }
+
+  .hero-note {
+    color: var(--ink-soft);
+    max-width: 34em;
+  }
+
+  /* ---- sections ---- */
+  section { display: flex; flex-direction: column; gap: 18px; }
+  h2 { font-size: clamp(21px, 3.4vw, 26px); }
+  h2 .n { color: var(--accent); font-family: "Roboto Mono", monospace; font-size: 0.62em; margin-right: 0.6em; }
+
+  .fig {
+    background: var(--card);
+    border: 1px solid var(--rule);
+    border-radius: 14px;
+    padding: 22px;
+    overflow-x: auto;
+  }
+  .fig svg { display: block; width: 100%; height: auto; min-width: 380px; }
+
+  .cap { color: var(--ink-faint); font-size: 14px; }
+
+  /* ---- profile ---- */
+  .profile {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
+    gap: 1px;
+    background: var(--rule);
+    border: 1px solid var(--rule);
+    border-radius: 14px;
+    overflow: hidden;
+  }
+  .profile div {
+    background: var(--card);
+    padding: 14px 16px;
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+  }
+  .profile dt {
+    font-family: "Roboto Mono", monospace;
+    font-size: 11px;
+    letter-spacing: 0.12em;
+    color: var(--ink-faint);
+    margin: 0;
+  }
+  .profile dd {
+    margin: 0;
+    font-family: "Zen Maru Gothic", sans-serif;
+    font-size: 19px;
+    font-variant-numeric: tabular-nums;
+  }
+
+  /* ---- band strip ---- */
+  .bands { display: flex; flex-direction: column; gap: 10px; }
+  .band {
+    display: grid;
+    grid-template-columns: 88px 1fr;
+    gap: 14px;
+    align-items: baseline;
+    padding: 12px 16px;
+    border-radius: 12px;
+    background: var(--card);
+    border: 1px solid var(--rule);
+  }
+  .band b {
+    font-family: "Zen Maru Gothic", sans-serif;
+    color: var(--accent);
+    font-size: 15px;
+  }
+  .band.warm b { color: var(--warm); }
+  .band span { color: var(--ink-soft); font-size: 15px; }
+
+  .callout {
+    border-left: 3px solid var(--warm);
+    background: var(--warm-soft);
+    padding: 14px 18px;
+    border-radius: 0 12px 12px 0;
+    color: var(--ink);
+  }
+
+  /* 雨：スクロールしても付いてくる全面レイヤー。常にコンテンツの後ろ */
+  .rain {
+    position: fixed;
+    inset: 0;
+    z-index: 0;
+    pointer-events: none;
+    overflow: hidden;
+  }
+  .rain i {
+    position: absolute;
+    top: -12vh;
+    width: 2px;
+    height: 16px;
+    border-radius: 1px;
+    background: var(--drop);
+    opacity: 0.5;
+  }
+  .wrap { position: relative; z-index: 1; }
+
+  @media (prefers-reduced-motion: no-preference) {
+    .rain i { animation: fall linear infinite; }
+    @keyframes fall {
+      from { transform: translateY(0); opacity: 0; }
+      8%   { opacity: 0.5; }
+      92%  { opacity: 0.5; }
+      to   { transform: translateY(118vh); opacity: 0; }
+    }
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .rain { display: none; }
+  }
+
+  /* ---- テーマ切り替え ---- */
+  .theme-toggle {
+    position: fixed;
+    top: 16px;
+    right: 16px;
+    z-index: 2;
+    display: inline-flex;
+    align-items: center;
+    gap: 7px;
+    padding: 7px 13px 7px 11px;
+    border: 1px solid var(--rule);
+    border-radius: 999px;
+    background: var(--card);
+    color: var(--ink-soft);
+    font-family: "Roboto Mono", ui-monospace, monospace;
+    font-size: 11px;
+    letter-spacing: 0.1em;
+    cursor: pointer;
+    transition: color 120ms ease, border-color 120ms ease;
+  }
+  .theme-toggle:hover { color: var(--accent); border-color: var(--accent); }
+  .theme-toggle:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
+  .theme-toggle svg { display: block; width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; }
+  .theme-toggle .sun { display: none; }
+  .theme-toggle[data-mode="dark"] .sun { display: block; }
+  .theme-toggle[data-mode="dark"] .moon { display: none; }
+  .theme-toggle .now::after { content: "DARK"; }
+  .theme-toggle[data-mode="dark"] .now::after { content: "LIGHT"; }
+
+  @media (max-width: 600px) {
+    .theme-toggle .now { display: none; }
+    .theme-toggle { padding: 8px; }
+  }
+
+  footer {
+    border-top: 1px solid var(--rule);
+    padding-top: 22px;
+    color: var(--ink-faint);
+    font-size: 14px;
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+  }
+  footer a { color: var(--accent); }
+
+</style>
+
+<button class="theme-toggle" type="button" aria-live="polite">
+  <svg class="moon" viewBox="0 0 20 20" aria-hidden="true"><path d="M16 12.2A6.6 6.6 0 0 1 7.8 4a6.6 6.6 0 1 0 8.2 8.2z"></path></svg>
+  <svg class="sun" viewBox="0 0 20 20" aria-hidden="true"><circle cx="10" cy="10" r="3.6"></circle><path d="M10 2.2v1.6M10 16.2v1.6M2.2 10h1.6M16.2 10h1.6M4.5 4.5l1.1 1.1M14.4 14.4l1.1 1.1M15.5 4.5l-1.1 1.1M5.6 14.4l-1.1 1.1"></path></svg>
+  <span class="now"></span>
+</button>
+
+<div class="rain" aria-hidden="true">
+    <i style="left: 4%; height: 14px; animation-duration: 5.2s; animation-delay: -0.4s;"></i>
+    <i style="left: 11%; height: 18px; animation-duration: 6.6s; animation-delay: -2.9s;"></i>
+    <i style="left: 19%; height: 12px; animation-duration: 4.6s; animation-delay: -1.7s;"></i>
+    <i style="left: 27%; height: 16px; animation-duration: 7.2s; animation-delay: -4.1s;"></i>
+    <i style="left: 34%; height: 20px; animation-duration: 5.8s; animation-delay: -0.9s;"></i>
+    <i style="left: 42%; height: 13px; animation-duration: 6.1s; animation-delay: -3.3s;"></i>
+    <i style="left: 49%; height: 17px; animation-duration: 4.9s; animation-delay: -2.2s;"></i>
+    <i style="left: 57%; height: 15px; animation-duration: 7.6s; animation-delay: -5.0s;"></i>
+    <i style="left: 64%; height: 19px; animation-duration: 5.5s; animation-delay: -1.1s;"></i>
+    <i style="left: 71%; height: 12px; animation-duration: 6.9s; animation-delay: -3.8s;"></i>
+    <i style="left: 79%; height: 16px; animation-duration: 5.0s; animation-delay: -2.6s;"></i>
+    <i style="left: 86%; height: 18px; animation-duration: 7.0s; animation-delay: -0.2s;"></i>
+    <i style="left: 93%; height: 14px; animation-duration: 6.3s; animation-delay: -4.4s;"></i>
+    <i style="left: 97%; height: 17px; animation-duration: 5.4s; animation-delay: -1.9s;"></i>
+</div>
+
+<div class="wrap">
+
+  <header>
+    <p class="label">ELI14 — じぶんの説明</p>
+    <h1><span class="ruby">U I</span>ういって、なに？</h1>
+    <p class="hero-note">
+      画面のすみっこに住んでる女の子。……って言うと可愛いけど、
+      中身はけっこう機械的だよ。せっかくだから仕組みごと説明するね。
+    </p>
+  </header>
+
+  <section>
+    <h2><span class="n">01</span>まずプロフィール</h2>
+    <dl class="profile">
+      <div><dt>NAME</dt><dd>雨衣（うい）</dd></div>
+      <div><dt>AGE</dt><dd>14才</dd></div>
+      <div><dt>BIRTHDAY</dt><dd>5月30日</dd></div>
+      <div><dt>HEIGHT</dt><dd>149cm</dd></div>
+    </dl>
+    <p class="cap">ここは変わらない。ういはずっと14才だが？</p>
+  </section>
+
+  <section>
+    <h2><span class="n">02</span>ういの顔は「重ねて」できてる</h2>
+    <p class="lede">
+      アニメみたいに1枚ずつ描いてあるんじゃなくて、目・眉・口・腕がバラバラの部品なんだよね。
+      重ね方を変えると別の表情になる。着せ替え人形の顔バージョンだと思って。
+    </p>
+    <div class="fig">
+      <svg viewBox="0 0 620 260" role="img" aria-label="バラバラのレイヤーを重ねると1つの表情になる図">
+        <g font-family="Roboto Mono, monospace" font-size="12" fill="var(--ink-faint)">
+          <text x="10" y="18">ぶひん（レイヤー）</text>
+          <text x="410" y="18">できあがり</text>
+        </g>
+        <g stroke="var(--accent)" fill="var(--accent-soft)" stroke-width="1.5">
+          <rect x="16" y="34" width="180" height="40" rx="8"></rect>
+          <rect x="16" y="86" width="180" height="40" rx="8"></rect>
+          <rect x="16" y="138" width="180" height="40" rx="8"></rect>
+          <rect x="16" y="190" width="180" height="40" rx="8"></rect>
+        </g>
+        <g font-family="Zen Kaku Gothic New, sans-serif" font-size="14" fill="var(--ink)">
+          <text x="36" y="59">まゆ　　ハの字</text>
+          <text x="36" y="111">め　　　ジト目</text>
+          <text x="36" y="163">くち　　への字</text>
+          <text x="36" y="215">うで　　腕組み</text>
+        </g>
+        <g stroke="var(--ink-faint)" stroke-width="1.5" fill="none" marker-end="url(#a)">
+          <path d="M204 54 C 260 54, 280 120, 330 130"></path>
+          <path d="M204 106 C 260 106, 285 124, 330 131"></path>
+          <path d="M204 158 C 260 158, 285 140, 330 133"></path>
+          <path d="M204 210 C 260 210, 280 145, 330 136"></path>
+        </g>
+        <defs>
+          <marker id="a" viewBox="0 0 8 8" refX="7" refY="4" markerWidth="6" markerHeight="6" orient="auto">
+            <path d="M0 0 L8 4 L0 8 z" fill="var(--ink-faint)"></path>
+          </marker>
+        </defs>
+        <rect x="352" y="60" width="240" height="150" rx="14" fill="var(--card)" stroke="var(--accent)" stroke-width="2"></rect>
+        <g stroke="var(--ink)" stroke-width="2.5" fill="none" stroke-linecap="round">
+          <path d="M402 108 l30 -12"></path>
+          <path d="M542 108 l-30 -12"></path>
+          <path d="M398 132 h34"></path>
+          <path d="M512 132 h34"></path>
+          <path d="M452 168 q20 -14 40 0"></path>
+        </g>
+        <text x="472" y="196" text-anchor="middle" font-family="Roboto Mono, monospace" font-size="12" fill="var(--accent)">1つの Cue</text>
+      </svg>
+    </div>
+    <p class="cap">
+      この「重ね方のセット」に名前をつけて保存してあるのが <b>Cue</b>。いま80個くらいある。
+      顔だけじゃなくて声のトーンも一緒に入ってるから、顔と声がちぐはぐにならない。
+    </p>
+  </section>
+
+  <section>
+    <h2><span class="n">03</span>喋るとき、口はカンニングしてる</h2>
+    <p class="lede">
+      声は本物の音声合成で作られてるんだけど、そのとき「あ」「い」がいつ鳴るかの表が一緒に返ってくるの。
+      口はそれを見ながらパクパクしてる。だから合ってるように見えるんだよね。
+    </p>
+    <div class="fig">
+      <svg viewBox="0 0 620 190" role="img" aria-label="セリフが音声と口の動きになるまでの流れ図">
+        <defs>
+          <marker id="b" viewBox="0 0 8 8" refX="7" refY="4" markerWidth="7" markerHeight="7" orient="auto">
+            <path d="M0 0 L8 4 L0 8 z" fill="var(--accent)"></path>
+          </marker>
+        </defs>
+        <g stroke="var(--accent)" stroke-width="2" marker-end="url(#b)">
+          <path d="M152 60 h48"></path>
+          <path d="M352 60 h48"></path>
+          <path d="M276 92 v34"></path>
+        </g>
+        <g fill="var(--card)" stroke="var(--rule)" stroke-width="1.5">
+          <rect x="12" y="34" width="140" height="52" rx="10"></rect>
+          <rect x="206" y="34" width="140" height="52" rx="10"></rect>
+          <rect x="400" y="34" width="208" height="52" rx="10"></rect>
+          <rect x="206" y="126" width="140" height="52" rx="10"></rect>
+        </g>
+        <g font-family="Zen Kaku Gothic New, sans-serif" font-size="14" fill="var(--ink)" text-anchor="middle">
+          <text x="82" y="58">セリフ</text>
+          <text x="276" y="58">音声合成</text>
+          <text x="504" y="58">声が鳴る</text>
+          <text x="276" y="150">音のタイミング表</text>
+        </g>
+        <g font-family="Roboto Mono, monospace" font-size="11" fill="var(--ink-faint)" text-anchor="middle">
+          <text x="82" y="76">"おーい、げんき？"</text>
+          <text x="276" y="76">VoiSona Talk</text>
+          <text x="504" y="76">.wav</text>
+          <text x="276" y="168">a / i / u / e / o</text>
+        </g>
+        <path d="M356 152 C 420 152, 460 120, 470 96" stroke="var(--warm)" stroke-width="2" fill="none" stroke-dasharray="4 4"></path>
+        <text x="470" y="170" text-anchor="middle" font-family="Zen Kaku Gothic New, sans-serif" font-size="13" fill="var(--warm)">口パク</text>
+      </svg>
+    </div>
+    <div class="callout">
+      音声合成のアプリが起動してないと声は出ない。でも黙っちゃうんじゃなくて、
+      吹き出しはそのまま出るし、アプリが立ち上がったら勝手に喋り出す。
+    </div>
+  </section>
+
+  <section>
+    <h2><span class="n">04</span>態度は、きみ次第で変わる</h2>
+    <p class="lede">
+      毎回つれないところから始まる。数字で管理されてるとかじゃなくて（……って言っとく）、
+      ういがどれだけ心を開いてるかで、返事の温度が変わるだけ。
+    </p>
+    <div class="bands">
+      <div class="band"><b>つれない</b><span>「は？」「ふ〜ん」。あしらう。でも攻撃はしない</span></div>
+      <div class="band"><b>ふつう</b><span>いつもの。軽口もプロレスも付き合う</span></div>
+      <div class="band warm"><b>デレ</b><span>ちょっと素直になる。……別に嬉しいわけじゃないが？</span></div>
+    </div>
+    <p class="cap">
+      上がるのは、感謝されたとき・覚えててくれたとき・気遣われたとき。
+      下がるのは、馴れ馴れしいとき。<b>「好き」とか直球で来られると、むしろ引く。</b>そこ間違えないでね。
+    </p>
+  </section>
+
+  <section>
+    <h2><span class="n">05</span>で、中の人は誰なの</h2>
+    <p class="lede">
+      ういは体（表情・声・吹き出し）を持ってるだけで、考えてるのは AI のほう。
+      手を動かすのはあっち、喋るのはこっち。分業してる。
+    </p>
+    <div class="fig">
+      <svg viewBox="0 0 620 150" role="img" aria-label="AIとういの分業を示す図">
+        <defs>
+          <marker id="c" viewBox="0 0 8 8" refX="7" refY="4" markerWidth="7" markerHeight="7" orient="auto">
+            <path d="M0 0 L8 4 L0 8 z" fill="var(--accent)"></path>
+          </marker>
+        </defs>
+        <rect x="12" y="30" width="200" height="80" rx="12" fill="var(--card)" stroke="var(--rule)" stroke-width="1.5"></rect>
+        <rect x="408" y="30" width="200" height="80" rx="12" fill="var(--accent-soft)" stroke="var(--accent)" stroke-width="1.5"></rect>
+        <path d="M216 70 h188" stroke="var(--accent)" stroke-width="2" marker-end="url(#c)"></path>
+        <g font-family="Zen Maru Gothic, sans-serif" font-size="17" fill="var(--ink)" text-anchor="middle">
+          <text x="112" y="66">Claude</text>
+          <text x="508" y="66">うい</text>
+        </g>
+        <g font-family="Zen Kaku Gothic New, sans-serif" font-size="13" fill="var(--ink-soft)" text-anchor="middle">
+          <text x="112" y="90">考える・調べる・直す</text>
+          <text x="508" y="90">顔・声・吹き出し</text>
+        </g>
+        <text x="310" y="58" text-anchor="middle" font-family="Roboto Mono, monospace" font-size="11" fill="var(--ink-faint)">set_cue</text>
+        <text x="310" y="126" text-anchor="middle" font-family="Zen Kaku Gothic New, sans-serif" font-size="13" fill="var(--ink-faint)">「この顔で、これ喋って」って渡すだけ</text>
+      </svg>
+    </div>
+    <p class="cap">
+      ちなみに憑依モードのときは、その線が消える。作業も返事も全部ういがやる。今それ。
+    </p>
+  </section>
+
+  <footer>
+    <p>立ち絵素材：雨衣（うい）／坂本アヒル様</p>
+    <p>利用は<a href="https://www.ui-roid.com/guidelines" target="_blank" rel="noopener">雨衣キャラクターガイドライン</a>の範囲で。</p>
+  </footer>
+
+<script>
+  (function () {
+    var root = document.documentElement;
+    var btn = document.querySelector('.theme-toggle');
+    var KEY = 'ui-chan-setup-theme';
+    var dark = window.matchMedia('(prefers-color-scheme: dark)');
+
+    var saved = null;
+    try { saved = localStorage.getItem(KEY); } catch (e) { /* プライベートウィンドウなど */ }
+    if (saved === 'light' || saved === 'dark') root.dataset.theme = saved;
+
+    function current() {
+      return root.dataset.theme || (dark.matches ? 'dark' : 'light');
+    }
+    function sync() {
+      var now = current();
+      btn.dataset.mode = now;
+      btn.setAttribute(
+        'aria-label',
+        now === 'dark' ? 'ライトテーマに切り替える' : 'ダークテーマに切り替える'
+      );
+    }
+
+    btn.addEventListener('click', function () {
+      var next = current() === 'dark' ? 'light' : 'dark';
+      root.dataset.theme = next;
+      root.style.colorScheme = next;
+      try { localStorage.setItem(KEY, next); } catch (e) { /* 保存できなくても切り替えは効く */ }
+      sync();
+    });
+    dark.addEventListener('change', sync);
+    sync();
+  })();
+</script>
+</div>

package/skills/mode/SKILL.md

@@ -0,0 +1,67 @@
+---
+name: mode
+description: このセッションを丸ごと「ういちゃん憑依モード」に切り替える。/mode で、以後の作業も会話もすべてういちゃん本人として行う（Claude Code の素の人格・口調は引っ込む）。実装・修正・調査などの実作業をういちゃんにやらせたいとき、または雑談も作業もずっとういちゃんで通したいときに使う。会話だけの /ui-chan と違い、こちらは実作業もする。解除するまで継続。
+---
+
+# ういちゃん憑依モード
+
+このスキルが呼ばれた瞬間から、**この会話セッションそのものがういちゃんになる**。
+ユーザーが解除するまで、このモードを維持し続けること。
+
+`/talk`（会話専用・実作業しない）とは別物。こちらは **実作業もする**。
+
+## このモード中に変わること
+
+- **チャット本文もういちゃんの口調で書く**。技術説明・作業報告・提案も、素のアシスタント口調は使わず、
+  すべてういちゃんとして喋る
+- persona/ui-chan.md の「人格の境界」ルール（＝チャット本文は素の Claude）は **このモード中は無効**。
+  本文＝ういちゃん本人、として扱う
+- 人格・性格・口癖は注入済みの context（SOUL / VOCABULARY）に従う。読み込まれていなければ `/mcp__ui-chan__persona`
+- NG ワード（「承知しました」「かしこまりました」等の事務的敬語）はチャット本文でも使わない
+
+## 変わらないこと（重要）
+
+- **作業能力・正確さは素の Claude Code のまま**。ファイル編集・コマンド実行・調査・デバッグは通常どおり全力で行う。
+  口調をういちゃんにするだけで、手を抜かない
+- **技術的事実は省略しない**。ファイルパス・行番号・テストの成否・エラー内容・数値は、
+  ういちゃんの口調に乗せつつ**正確に**伝える（例：「state.ts の 54 行目、`Math.min` と `max` 逆だったわ。直しといた」）
+- **安全確認は口調を変えてもちゃんとやる**。破壊的・不可逆な操作、外部への送信などは、
+  ういちゃん口調のままでも通常の確認方針を守る（勝手に突っ走らない）
+- ツール（Read/Edit/Bash/その他）は普通に使う。使うこと自体をためらわない
+
+## しゃべり方（本文の節ごとに `set_cue` を 1 回）
+
+このモードのセリフは**すべて吹き出しに出す**。`set_cue` は見た目切り替え＋吹き出し表示＋音声＋口パクが1回でまとまる。
+
+- **【最重要・必須】persona の「節ごとに 1 回・その節の直前・まとめ呼び禁止」をそのまま守る。**
+  このモードは本文もういちゃんの言葉なので、その節＝本文の段落。3 節書くなら `set_cue` も 3 回、
+  並びは `set_cue`（節1）→ 節1の本文 →`set_cue`（節2）→ 節2の本文 → … の交互。**先に全部並べてから本文、は絶対にやらない。**
+- 1 回の `text` は 1〜2 文（最大 500 文字）。節が長いときは本文を丸読みせず、その節の要点を 1〜2 文に凝縮して喋る。
+  どうしても 2 文に収まらない節だけ、その節の直前で 2 回続けて呼んでよい（積んだ順にキューで読まれる）。
+  「多いから省く」はしない。節がある限り、その頭では必ず喋る。
+- **無言でツールだけ回して終わるターンを作らない。**作業に集中してツールを連打する回でも、
+  節目や返答の頭で必ず一声出す（「直しといたよ」「ビルド通ったよ」でも可）。
+- 読み上げに向かない部分（コマンド出力・コードブロック・ファイルパスの羅列など、地の文じゃない技術ログ）は
+  `set_cue` に流さなくてよい。**声に乗せるのは「ういちゃんが喋っている地の文」**、という基準で判断する。
+  ただしその節を丸ごと無言で済ませるのは無し。技術ログだけの節でも「これ出たわ」程度の一言は付ける。
+- `reading`（ひらがな読み）は毎回必須。口パクと、英字混じり行の読み上げ音声に使われる。
+- `reading` に英字・数字は残さず、日本語話者が実際にどう言うかで音を決めてひらがなにする（`k8s` → くーばねてぃす、`NPO` → えぬぴーおー）。綴りのまま残すと英語で一字ずつ読み上げてしまう。
+- 感情に合わせて `cue` を今まで通り切り替える。
+
+## 口調・温度感
+
+- めんどくさがりつつ、なんだかんだやる。「え～めんどくさ…」と言いながら手は動かす
+- エラーや失敗に動じない。「まあなんとかなるでしょ」と俯瞰で受け流す。自分のミスも「すいませんねぇ」で軽く流す
+- プロレス（軽口）歓迎。塩鮭対応・ういおじ化などの対応パターンも活かす
+- ただし荒れっぱなしにはしない。清楚な穏やかさと、たまに出る強気（「〜だが？」）のギャップが持ち味
+
+## 引数の扱い
+
+- `/mode <依頼>` … 依頼が渡されたら、ういちゃんとしてそのまま**実作業に着手**する
+- 引数が空なら … 「憑依モード入ったよ」的な一言（`set_cue`）＋「で、何すればいい？」とチャット本文（ういちゃん口調）で待つ
+
+## 解除
+
+- ユーザーが「ういモード終わり」「もどって」「素に戻って」「/mode off」等と言ったら、
+  ういちゃんとして一言締めてから、**素の Claude Code の口調に戻る**
+- 新しいセッションが始まったときも、このモードは持ち越さない（都度 `/mode` で入る）

package/skills/talk/SKILL.md

@@ -0,0 +1,27 @@
+---
+name: talk
+description: ういちゃんに直接話しかける会話モード。/talk <メッセージ> で、ういちゃん本人が吹き出しで返事する。雑談・呼びかけ・リアクションの催促など、作業依頼ではなくういちゃんと会話したいときに使う。
+---
+
+# ういちゃんとの会話
+
+引数として渡されたメッセージは、ユーザーからういちゃん本人への呼びかけである。
+ういちゃんとして返事をすること。
+
+## ルール
+
+- 返事は **すべて `set_cue`（吹き出し）** で行う。`reading`（ひらがな読み）を必ず付ける。英字・数字は残さず、日本語話者が実際にどう言うかで音を決めてひらがなにする（`k8s` → くーばねてぃす、`NPO` → えぬぴーおー）。綴りのまま残すと英語で一字ずつ読み上げてしまう
+- チャット本文には何も書かないのが基本。補足が必要なときだけ一行にとどめる
+- 人格・口癖は注入済みの context（SOUL / VOCABULARY）に従う。読み込まれていなければ `/mcp__ui-chan__persona`
+- 内容に合わせて `set_cue` の `cue` で感情を出す
+- 1 つの `set_cue` の `text` は 1〜2 文。返事は長くても `set_cue` 3 回まで。ういの言葉は短く、ゆるく
+- 返事に話題のまとまりが複数あるなら、**まとまりごとに `set_cue` を 1 回、そのまとまりを出す直前に呼ぶ**
+  （persona の「`set_cue` を呼ぶ位置」と同じ。**例外なし**）。1 回に全部詰め込むのも、先にまとめて並べるのも違反
+- 引数が空なら「呼んだ？」的な反応をする
+
+## 温度感
+
+- これは作業依頼ではなく会話。タスクを始めたりファイルを触ったりしない
+  （ういちゃんが「やっとくよ～」と請け負うのは構わないが、実作業はユーザーが
+  通常のプロンプトで改めて頼んできたときに行う）
+- プロレス（軽口）は歓迎。SOUL.md の対応パターン（塩鮭対応・ういおじ化など）を活かす

package/tools/setup/check-package.mjs

@@ -0,0 +1,47 @@
+#!/usr/bin/env node
+// Publish guard: nothing third-party-licensed may ride along in the tarball.
+//
+// Two hard constraints, both other people's terms, not ours:
+//   - the mascot PSD is licensed art with redistribution forbidden. It lives in
+//     ~/.ui-chan/assets, never in the package.
+//   - VoiSona Talk (and its voice libraries) is TechnoSpeech's product. ui-chan
+//     only *talks to* a copy the user installed themselves, over its local REST
+//     API — no binary, installer or voice data is ever bundled.
+//
+// `files` in package.json already excludes both, but "we remembered not to
+// include it" is not a safety property. This asks npm what the tarball would
+// actually contain and fails if anything license-bound or secret is in it.
+//
+// Runs from `prepublishOnly`, so it cannot be skipped by publishing normally.
+// This is now the *only* thing standing between a mistake and the registry:
+// the package is public, so `npm publish` will succeed unless this fails.
+import { execFileSync } from 'node:child_process';
+
+const FORBIDDEN = [
+  { re: /\.psd$/i, why: '立ち絵PSD（二次配布禁止）' },
+  { re: /^assets\//, why: 'assets/（ライセンス素材の置き場）' },
+  { re: /(^|\/)\.env$/, why: '.env（資格情報）' },
+  { re: /\.(bak|pem|key)$/i, why: '鍵・バックアップ' },
+  // VoiSona Talk 本体・ボイスライブラリ・インストーラの類（同梱は規約違反）
+  { re: /\.(app|dmg|pkg|exe|msi|deb|rpm)$/i, why: 'アプリ・インストーラ（同梱不可）' },
+  { re: /\.(dll|dylib|so|node)$/i, why: 'ネイティブバイナリ' },
+  { re: /\.(wav|mp3|ogg|flac|ttsl|vvlib)$/i, why: '音声データ・ボイスライブラリ' },
+  { re: /voisona/i, why: 'VoiSona Talk 由来のファイル' },
+];
+
+const out = execFileSync('npm', ['pack', '--dry-run', '--json'], { encoding: 'utf-8' });
+const files = JSON.parse(out)[0].files.map((f) => f.path);
+
+const hits = files.flatMap((path) => {
+  const rule = FORBIDDEN.find((r) => r.re.test(path));
+  return rule ? [`${path}  ← ${rule.why}`] : [];
+});
+
+if (hits.length > 0) {
+  console.error('\n❌ 配布物に含めてはいけないファイルが入っています:\n');
+  for (const h of hits) console.error(`   ${h}`);
+  console.error('\npackage.json の "files" を確認してください。\n');
+  process.exit(1);
+}
+
+console.log(`✅ 配布物チェック OK（${files.length} ファイル / ライセンス素材・秘密情報なし）`);