Skip to main content
skill CX Codex

blog-draft — Claude Code skill: what it does, how to install

Guides you through researching, outlining, and drafting blog articles with inline citations and version tracking in Git.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓
npx skills add luongnv89/claude-howto --skill blog-draft -a claude-code
Open on GitHub

What blog-draft does

The skill breaks article preparation into distinct sequential stages. It initializes a dedicated folder named blog-posts/YYYY-MM-DD-short-topic-name/ and saves summaries of your notes, URLs, or files inside a resources/ subfolder. Before drafting, it presents core themes and asks clarifying questions regarding target word count and tone.

Once you approve the outline, the skill writes OUTLINE.md and generates your initial draft as draft-v0.1.md. If the working folder is a Git repository, it commits every milestone using a docs: commit prefix and pushes changes to the remote origin. Further revisions increment the file suffix, creating draft-v0.2.md and subsequent versions.

Every metric, statistic, or factual claim must have an inline citation linked to the references list at the end. When updating an existing article, the workflow skips background research and immediately jumps to draft revisions.

What it helps with

  • organize research links and files into structured source summaries
  • generate a validated article outline before writing prose
  • draft blog posts with compulsory inline source citations
  • track revisions incrementally using dedicated draft files and git commits

Example prompts for the agent

  • Draft a technical blog post on distributed tracing using the links in research.txt
  • Create an outline and article about database indexing for backend engineers
  • Update the existing blog post draft in the folder with the latest feedback

How to install blog-draft

1Skills CLI (Vercel)

npx skills add luongnv89/claude-howto --skill blog-draft -a claude-code

2Manually: put the files in place

~/.claude/skills/blog-draft/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/blog-draft/

Step by step, with commands for each platform: How to install skills in Claude Code: five ways

Questions about blog-draft

How to install blog-draft in Claude Code?

Run npx skills add luongnv89/claude-howto --skill blog-draft -a claude-code. The instruction file will be placed in ~/.claude/skills/blog-draft/SKILL.md.

What does the blog-draft skill do?

It structures the writing process: gathering source summaries, requesting outline approval, writing numbered markdown drafts, and committing revisions to git.

Is a Git repository required to run blog-draft?

No, a Git repository is not mandatory. If git is not configured in the workspace, the skill skips staging, committing, and pushing files.

Source text

SKILL.md · MIT
---
name: blog-draft
description: Створення чернетки блог-посту з ідей та ресурсів. Використовуйте, коли користувачі хочуть написати блог-пост, створити контент з дослідження або підготувати статтю. Проводить через дослідження, мозковий штурм, складання плану та ітеративне написання з контролем версій.
---

## Введення користувача

```text
$ARGUMENTS
```

Ви **ПОВИННІ** врахувати введення користувача перед продовженням. Користувач має надати:
- **Ідея/Тема**: Основна концепція або тематика блог-посту
- **Ресурси**: URL, файли або посилання на дослідження (необовʼязково, але рекомендовано)
- **Цільова аудиторія**: Для кого блог-пост (необовʼязково)
- **Тон/Стиль**: Формальний, невимушений, технічний тощо (необовʼязково)

**ВАЖЛИВО**: Якщо користувач запитує оновлення **існуючого блог-посту**, пропустіть кроки 0-8 і починайте безпосередньо з **Кроку 9**. Спочатку прочитайте існуючий файл(и) чернетки, потім продовжуйте з процесом ітерації.

## Потік виконання

Виконуйте ці кроки послідовно. **Не пропускайте кроки та не продовжуйте без затвердження користувача, де це зазначено.**

### Крок 0: Створення папки проєкту

1. Згенерувати назву папки у форматі: `YYYY-MM-DD-short-topic-name`
   - Використати сьогоднішню дату
   - Створити короткий, URL-дружній slug з теми (малі літери, дефіси, макс. 5 слів)

2. Створити структуру папок:
   ```
   blog-posts/
   └── YYYY-MM-DD-short-topic-name/
       └── resources/
   ```

3. Підтвердити створення папки з користувачем перед продовженням.

### Крок 1: Дослідження та збір ресурсів

1. Створити підпапку `resources/` у каталозі блог-посту

2. Для кожного наданого ресурсу:
   - **URL-адреси**: Отримати та зберегти ключову інформацію до `resources/` як markdown-файли
   - **Файли**: Прочитати та підсумувати в `resources/`
   - **Теми**: Використати веб-пошук для збору актуальної інформації

3. Для кожного ресурсу створити файл резюме в `resources/`:
   - `resources/source-1-[short-name].md`
   - `resources/source-2-[short-name].md`
   - тощо

4. Кожне резюме має включати:
   ```markdown
   # Джерело: [Назва/URL]

   ## Ключові тези
   - Теза 1
   - Теза 2

   ## Релевантні цитати/дані
   - Цитата або статистика 1
   - Цитата або статистика 2

   ## Як це стосується теми
   Короткий опис релевантності
   ```

5. Представити резюме дослідження користувачу.

### Крок 2: Мозковий штурм та уточнення

1. На основі ідеї та досліджених ресурсів представити:
   - **Основні теми**, виявлені з дослідження
   - **Потенційні ракурси** для блог-посту
   - **Ключові тези**, які слід розкрити
   - **Прогалини** в інформації, що потребують уточнення

2. Поставити уточнюючі запитання:
   - Який головний висновок ви хочете донести до читачів?
   - Чи є конкретні тези з дослідження, які хочете виділити?
   - Яка цільова довжина? (коротка: 500-800 слів, середня: 1000-1500, довга: 2000+)
   - Щось хочете виключити?

3. **Чекати відповідей користувача перед продовженням.**

### Крок 3: Запропонувати план

1. Створити структурований план, що включає:

   ```markdown
   # План блог-посту: [Назва]

   ## Метаінформація
   - **Цільова аудиторія**: [хто]
   - **Тон**: [стиль]
   - **Цільова довжина**: [кількість слів]
   - **Головний висновок**: [ключове повідомлення]

   ## Запропонована структура

   ### Зачіпка/Вступ
   - Ідея вступної зачіпки
   - Встановлення контексту
   - Теза

   ### Розділ 1: [Назва]
   - Ключова теза A
   - Ключова теза B
   - Підтверджуючі докази з [джерела]

   ### Розділ 2: [Назва]
   - Ключова теза A
   - Ключова теза B

   [Продовжити для всіх розділів...]

   ### Висновок
   - Резюме ключових тез
   - Заклик до дії або завершальна думка

   ## Джерела для цитування
   - Джерело 1
   - Джерело 2
   ```

2. Представити план користувачу та **запитати затвердження або модифікації**.

### Крок 4: Зберегти затверджений план

1. Після затвердження плану користувачем зберегти його як `OUTLINE.md` у папці блог-посту.

2. Підтвердити збереження плану.

### Крок 5: Закомітити план (якщо в git-репо)

1. Перевірити, чи поточний каталог є git-репозиторієм.

2. Якщо так:
   - Додати нові файли до індексу: папку блог-посту, ресурси та OUTLINE.md
   - Створити коміт з повідомленням: `docs: Add outline for blog post - [topic-name]`
   - Відправити на віддалений сервер

3. Якщо не git-репо, пропустити цей крок та повідомити користувача.

### Крок 6: Написати чернетку

1. На основі затвердженого плану написати повну чернетку блог-посту.

2. Точно дотримуватися структури з OUTLINE.md.

3. Включити:
   - Захопливий вступ із зачіпкою
   - Чіткі заголовки розділів
   - Підтверджуючі докази та приклади з дослідження
   - Плавні переходи між розділами
   - Сильний висновок з головною тезою
   - **Цитування**: Усі порівняння, статистика, дані та фактичні твердження ПОВИННІ цитувати оригінальне джерело

4. Зберегти чернетку як `draft-v0.1.md` у папці блог-посту.

5. Формат:
   ```markdown
   # [Назва блог-посту]

   *[Необовʼязково: підзаголовок або слоган]*

   [Повний вміст з інлайн-цитатами...]

   ---

   ## Список джерел
   - [1] Назва джерела 1 - URL або цитата
   - [2] Назва джерела 2 - URL або цитата
   - [3] Назва джерела 3 - URL або цитата
   ```

6. **Вимоги до цитування**:
   - Кожна точка даних, статистика або порівняння ПОВИННІ мати інлайн-цитату
   - Використовуйте нумеровані посилання [1], [2] тощо, або іменовані цитати [Назва джерела]
   - Звʼязуйте цитати з розділом Список джерел наприкінці
   - Приклад: «Дослідження показують, що 65% розробників віддають перевагу TypeScript [1]»
   - Приклад: «React перевершує Vue за швидкістю рендерингу на 20% [React Benchmarks 2024]»

### Крок 7: Закомітити чернетку (якщо в git-репо)

1. Перевірити, чи в git-репозиторії.

2. Якщо так:
   - Додати файл чернетки до індексу
   - Створити коміт з повідомленням: `docs: Add draft v0.1 for blog post - [topic-name]`
   - Відправити на віддалений сервер

3. Якщо не git-репо, пропустити та повідомити користувача.

### Крок 8: Представити чернетку для перегляду

1. Представити вміст чернетки користувачу.

2. Запитати зворотний звʼязок:
   - Загальне враження?
   - Розділи, що потребують розширення або скорочення?
   - Потрібні корекції тону?
   - Відсутня інформація?
   - Конкретні правки або переписування?

3. **Чекати відповіді користувача.**

### Крок 9: Ітерація або фіналізація

**Якщо користувач запитує зміни:**
1. Зафіксувати всі запитані модифікації
2. Повернутися до Кроку 6 з такими змінами:
   - Збільшити номер версії (v0.2, v0.3 тощо)
   - Врахувати всі зауваження
   - Зберегти як `draft-v[X.Y].md`
   - Повторити Кроки 7-8

**Якщо користувач затверджує:**
1. Підтвердити фінальну версію чернетки
2. За бажанням перейменувати на `final.md`
3. Підсумувати процес створення блог-посту:
   - Загальна кількість створених версій
   - Ключові зміни між версіями
   - Фінальна кількість слів
   - Створені файли

## Відстеження версій

Усі чернетки зберігаються з інкрементальним версіонуванням:
- `draft-v0.1.md` — початкова чернетка
- `draft-v0.2.md` — після першого раунду зауважень
- `draft-v0.3.md` — після другого раунду зауважень
- тощо

Це дозволяє відстежувати еволюцію блог-посту та повертатися до попередніх версій за потреби.

## Структура вихідних файлів

```
blog-posts/
└── YYYY-MM-DD-topic-name/
    ├── resources/
    │   ├── source-1-name.md
    │   ├── source-2-name.md
    │   └── ...
    ├── OUTLINE.md
    ├── draft-v0.1.md
    ├── draft-v0.2.md (якщо ітерації)
    └── draft-v0.3.md (якщо більше ітерацій)
```

## Поради щодо якості

- **Зачіпка**: Починайте з питання, дивовижного факту або знайомого сценарію
- **Потік**: Кожен абзац має зʼєднуватися з наступним
- **Докази**: Підтверджуйте твердження даними з дослідження
- **Цитування**: ЗАВЖДИ цитуйте джерела для:
  - Усіх статистик та даних (напр., «За даними [Джерело], 75%...»)
  - Порівнянь між продуктами, сервісами або підходами (напр., «X працює у 2 рази швидше за Y [Джерело]»)
  - Фактичних тверджень про ринкові тенденції, результати досліджень або бенчмарки
  - Використовуйте інлайн-цитати у форматі: [Назва джерела] або [Автор, Рік]
- **Голос**: Підтримуйте послідовний тон протягом усього тексту
- **Довжина**: Дотримуйтесь цільової кількості слів
- **Читабельність**: Використовуйте короткі абзаци, маркери де доречно
- **CTA**: Завершуйте чітким закликом до дії або питанням, що провокує думки

## Примітки

- Завжди чекайте затвердження користувача у зазначених контрольних точках
- Зберігайте всі версії чернеток для історії
- Використовуйте веб-пошук для актуальної інформації, коли надані URL
- Якщо ресурсів недостатньо, попросіть користувача надати більше або запропонуйте додаткове дослідження
- Адаптуйте тон відповідно до цільової аудиторії (технічна, загальна, бізнес тощо)

© luongnv89 · MIT · luongnv89/claude-howto

Similar skills

All skills for Writing and docs →

From the same set10

refactor Guides code refactoring from repository analysis and test checks to small, behavior-preserving changes. Useful for technical debt and code smells. CX Codex +1 ★ 45,153repo stars doc-generator This skill reads your source code and writes API documentation: OpenAPI specs, endpoint descriptions, and cURL, JavaScript and Python examples. CX Codex +1 ★ 45,153repo stars code-review-specialist Audits pull requests and scripts for security bugs, performance bottlenecks, and maintainability. Generates a 1 to 5 rating with concrete code fixes. CX Codex +1 ★ 45,153repo stars claude-md Creates, updates or audits CLAUDE.md following agent-onboarding practice. Handy once the file grows long and the agent stops following it. CX Codex +1 ★ 45,153repo stars refactor Walks the agent through six refactoring phases: code analysis, test check, code smell hunt, plan, incremental edits and review. CX Codex +1 ★ 45,153repo stars doc-generator Reads your source and writes endpoint docs: OpenAPI specs, request examples, error codes. Useful when the API grew faster than the README. CX Codex +1 ★ 45,153repo stars claude-md Creates, updates and audits CLAUDE.md against a set of rules that keep the file short and useful for an agent. Handy when your project instructions have grown out of hand. CX Codex +1 ★ 45,153repo stars brand-voice A skill that holds marketing copy, customer emails and public pages to one tone of voice. Handy when several people write for the same brand. CX Codex +1 ★ 45,153repo stars

Project sponsors

Companies that keep this analytics open
Gold sponsor

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor