# note画像キット

note の記事本文を渡すと、記事の内容に合わせた挿絵・図解・サムネイル候補をAIが計画→生成し、
そのまま note にコピペできるHTML（note-workbench.html）まで作るスキルです。

## 入っているもの

- `skills/note-article-visuals/` — スキル本体
  - 40スタイルのデザイン図鑑（`references/style-atlas-40.md`）と描き方プリセット16種
  - 記事内容からテイストを自動で選ぶ判定表つき（「テイストはおまかせ」でOK）
  - 挿入頻度の指定（「スマホ1スクロールに1枚」など5段階）
  - note貼り付け用HTMLの生成スクリプト（`scripts/build_note_paste_html.py`）
- `install-prompt.txt` — AIに貼るだけのインストール文
- `install-mac.sh` / `install-windows.bat` / `install-windows.ps1` — 手動インストーラ

## インストール（どちらか片方でOK）

- 方法A: Claude Code か Codex に `install-prompt.txt` の中身を貼る（おすすめ）
- 方法B: Mac はターミナルで `bash install-mac.sh`、Windows は `install-windows.bat` をダブルクリック

**インストール後は必ず、使っているツール（Codex / Claude Code）を一度終了して開き直してください。**
スキルは起動時に読み込まれるため、開き直さないと入れたスキルが使えません（古いまま動きます）。
キットを入れ直した・更新したときも同じです。

## 使い方

Codex に、記事本文と一緒にこう頼むだけです。

```
noteの記事に画像を入れて。テイストはおまかせ。頻度はスマホ1スクロールに1枚。

（ここに記事本文）
```

テイストを自分で選びたいときは「テイストを選びたい」と言うと候補を出します。

## 動作条件

- 画像の生成: Codex（内蔵の画像生成を使います）。Claude Code だけの場合、記事の構成と画像プラン・プロンプト作成までは動きます
- note貼り付け用HTMLの生成: Python 3（Macは標準搭載）

## 注意

- 生成物は必ずご自身で確認してからお使いください
- 再配布はご遠慮ください
