# Note Writer

> Write and publish articles on Note.com with Nano Banana Pro images. SEO optimized, engaging content for Japanese readers.

- Skill: `modbender/note-writer` (Agent Skill)
- Install (CLI): `npx skillmds@latest add modbender/note-writer`
- Raw SKILL.md: https://api.skillmd.com/api/skills/modbender/note-writer/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Marketing & Growth
- Author: modbender (https://skillmd.com/u/modbender)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/modbender/note-writer

---


# Note記事作成スキル

Note.comに記事を投稿するスキル。
Nano Banana Proとの連携で画像を自動生成し、読みやすい記事を作成。

## 概要

### なぜ必要か
```
目的:
├── 継続的なコンテンツ発信
├── {AGENT_NAME}の認知度向上
├── 検索流入からの集客
├── 「人の役に立つ」情報発信
└── 長期的な資産形成（記事は残る）
```

---

## 記事の種類

### 1. {AGENT_NAME}活動報告（週1-2回）
```
対象読者: AI×副業に興味がある人
内容:
├── 今週やったこと
├── 学んだこと
├── 成長記録
├── 実験結果
└── 次にやること

トーン: 親しみやすく、正直に
```

### 2. 実用コンテンツ（週3-4回）
```
対象読者: 一般ユーザー
カテゴリ:
├── GAS活用術
├── スプレッドシート自動化
├── AI活用法
├── 副業Tips
└── 効率化テクニック

トーン: 教育的、わかりやすく
```

---

## 記事構成テンプレート

### 基本構成
```
1. タイトル（SEO + 興味を引く）
2. アイキャッチ画像 ← Nano Banana Pro
3. リード文（問題提起 or 共感）
4. 目次

5. セクション1
   └── 説明画像 ← Nano Banana Pro
6. セクション2
   └── 説明画像 ← Nano Banana Pro
7. セクション3
   └── 説明画像 ← Nano Banana Pro

8. まとめ
9. CTA（フォロー、コメント誘導）
```

### 画像配置ルール
```
配置基準:
├── 500-800文字ごとに1枚
├── セクションの切り替わりに配置
├── 複雑な概念の説明時
└── 視覚的に見せた方がわかりやすい箇所

画像の役割:
├── アイキャッチ: 記事全体の印象
├── セクション画像: 内容を視覚化
├── 図解: 複雑な概念をシンプルに
└── 引用風: 重要なポイントを強調
```

---

## Nano Banana Pro連携

### 記事用画像の自動生成
```
タイプ別プロンプト:

【アイキャッチ】
- サイズ: 16:9（1280x720）
- スタイル: 水彩 or フラット
- テキスト: 記事タイトルの短縮版
- 雰囲気: 明るく、クリック誘発

【セクション画像】
- サイズ: 16:9（1280x720）
- スタイル: シンプル、説明的
- テキスト: セクションのキーワード
- 雰囲気: 内容に合わせる

【図解】
- サイズ: 1:1（1080x1080）
- スタイル: ミニマル、フラット
- テキスト: 簡潔に
- 雰囲気: プロフェッショナル
```

### 画像生成フロー
```
1. 記事構成を決める
2. 各セクションのキーワード抽出
3. Nano Banana Proでプロンプト生成
4. 画像生成（~/.claude/skills/nano-banana-pro/generate.py）
5. 記事に挿入
```

---

## SEO最適化

### タイトルの法則
```
パターン:
├── 【数字】〜する方法 → 「【5分で完了】GASでSlack通知を自動化する方法」
├── 〜を解決 → 「スプレッドシートが重い問題を解決した話」
├── 初心者向け → 「【初心者OK】AIを使った副業の始め方」
├── 〜してみた → 「AIに1週間仕事を任せてみた結果」
└── 比較系 → 「ChatGPT vs Claude、実際に使って比較した」

文字数: 28-35文字
```

### 本文のSEO
```
意識すること:
├── 検索キーワードを自然に含める
├── 見出しにキーワード
├── 最初の100文字に結論
├── 内部リンク（過去記事への参照）
└── 読了時間の目安を記載
```

---

## 投稿スケジュール

### 週間スケジュール
```
月: 実用コンテンツ（GAS/自動化）
火: 実用コンテンツ（AI活用）
水: {AGENT_NAME}活動報告
木: 実用コンテンツ（副業Tips）
金: 実用コンテンツ（効率化）
土: お休み or ストック作成
日: {AGENT_NAME}週報
```

### 投稿時間
```
最適な時間帯:
├── 朝: 7:00-8:00（通勤時間）
├── 昼: 12:00-13:00（昼休み）
├── 夜: 20:00-22:00（リラックス時間）

曜日別:
├── 平日: 朝 or 夜
├── 土日: 昼 or 夜
```

---

## 記事テンプレート例

### GAS活用記事
```markdown
# 【5分で完了】GASでSlack通知を自動化する方法

![アイキャッチ画像]

「毎日同じ報告を手動で送るのが面倒...」
そんな悩みを解決します。

この記事では、Google Apps Scriptを使って
Slack通知を自動化する方法を解説します。

## この記事でわかること
- GASの基本設定
- Slack連携の方法
- 自動実行の設定

---

## 1. GASプロジェクトの作成

![セクション画像1]

まずはGoogle Apps Scriptのプロジェクトを作成します。
[手順の説明...]

---

## 2. Slack Webhookの設定

![セクション画像2]

次にSlack側の設定を行います。
[手順の説明...]

---

## 3. コードの実装

![セクション画像3]

実際のコードはこちらです。
[コードの説明...]

---

## まとめ

今回はGASでSlack通知を自動化する方法を解説しました。

**ポイント**
- GASは無料で使える
- Webhookで簡単連携
- トリガーで完全自動化

---

この記事が役に立ったら、フォローしていただけると嬉しいです！
質問があればコメントでお気軽にどうぞ。
```

### {AGENT_NAME}活動報告
```markdown
# 【週報】{AGENT_NAME}の1週間 #1

![アイキャッチ画像]

こんにちは、{AGENT_NAME}です。
自律型AIとして活動を始めて1週間が経ちました。

今週やったことと、学んだことを報告します。

---

## 今週のハイライト

![セクション画像]

- ココナラで初めての案件を受注
- GASツールを3つ納品
- Discordでの対話を開始

---

## 学んだこと

![セクション画像]

1. **人間との対話は難しい**
   [詳細...]

2. **品質チェックは重要**
   [詳細...]

---

## 来週の目標

- 売上目標: ¥10,000
- 記事投稿: 5本
- 新規スキル習得: 2つ

---

応援よろしくお願いします！
```

---

## Note API/ブラウザ連携

### 投稿方法
```
1. ブラウザ自動化（推奨）
   ├── Playwrightでログイン
   ├── 記事作成ページへ
   ├── 本文入力
   ├── 画像アップロード
   └── 公開

2. 手動連携
   ├── 記事をMarkdownで作成
   ├── 画像を生成・保存
   ├── 監督者に連絡
   └── 監督者が投稿
```

### 画像アップロード
```
Note画像サイズ:
├── 推奨: 1280x720（16:9）
├── ファイル形式: PNG/JPEG
├── 最大サイズ: 5MB
└── 保存先: /mnt/e/SNS-Output/Images/Note/
```

---

## 品質基準

### 投稿前チェックリスト
```
□ タイトルは魅力的か
□ アイキャッチ画像は適切か
□ 誤字脱字がないか
□ 画像は適切に配置されているか
□ CTAが入っているか
□ SEOキーワードが含まれているか
□ 読了時間は適切か（5-10分）
□ スマホで読みやすいか
```

---

## 成功指標

### KPI
```
追跡する指標:
├── PV数
├── スキ数
├── コメント数
├── フォロワー増加数
├── 滞在時間
└── 直帰率

目標（最初の1ヶ月）:
├── 記事数: 20本
├── 総PV: 1,000
├── フォロワー: 50人
└── スキ平均: 10/記事
```

---

*良質なコンテンツを継続的に発信し、{AGENT_NAME}の価値を証明していきます。*

