article-creation

tqer39's avatarfrom tqer39

新規ブログ記事の作成。「記事を書きたい」「新しい記事を作成」「ブログ投稿」などのリクエスト時に使用。

⭐0stars🔀0forks📁View on GitHub🕐Updated Jan 11, 2026
[Drafting]

When & Why to Use This Skill

This Claude skill automates the end-to-end process of creating structured blog articles in Markdown format. It streamlines content production by handling technical overhead such as SEO-optimized front-matter generation, standardized file naming conventions (YYYY-MM-DD-slug.md), and the application of pre-defined content templates, ensuring consistency across a digital publication or developer blog.

Use Cases

  • Rapidly generating a new blog post draft with pre-configured SEO metadata, tags, and a structured Markdown layout based on a user-provided topic.
  • Ensuring technical consistency in static site generator (SSG) workflows by automatically creating correctly formatted filenames and URL-friendly slugs.
  • Standardizing the content creation process for multi-author blogs by enforcing specific templates that include mandatory sections like introductions, code blocks, and Mermaid diagrams.
  • Reducing manual errors in metadata entry by automating the generation of publication dates and SEO descriptions within the file's front-matter.
namearticle-creation
description新規ブログ記事の作成。「記事を書きたい」「新しい記事を作成」「ブログ投稿」などのリクエスト時に使用。

Article Creation

新規 Markdown 記事を作成するスキル。

記事の配置場所

apps/blog/src/contents/YYYY-MM-DD-slug.md

ファイル名規則

  • 形式: YYYY-MM-DD-slug.md
  • slug: 英数字とハイフンのみ（例: hello-world, nextjs-tips）
  • 日付: 記事の公開日

Front-matter 構造

---
title: "記事タイトル"
date: "YYYY-MM-DD"
published: true
tags: ["Tag1", "Tag2"]
description: "SEO用の記事説明（100-160文字程度）"
---

フィールド説明

フィールド 必須 説明
title Yes 記事タイトル（日本語可）
date Yes 公開日（YYYY-MM-DD形式）
published Yes true: 公開 / false: 下書き
tags Yes タグの配列（2-5個推奨）
description Yes SEO用説明文

記事テンプレート

---
title: "タイトル"
date: "YYYY-MM-DD"
published: false
tags: ["Tag"]
description: "説明"
---

## はじめに

導入文をここに。

## 本文

メインコンテンツ。

### コード例

\`\`\`typescript:example.ts
// コード例
\`\`\`

### 図表（Mermaid）

\`\`\`mermaid
graph TD
    A[開始] --> B[終了]
\`\`\`

## まとめ

締めくくり。

手順

  1. ユーザーからタイトル・テーマを確認
  2. slug を提案（英語、ハイフン区切り）
  3. 適切なタグを提案
  4. テンプレートから記事ファイルを作成
  5. published: false で作成（ユーザー確認後、true へ変更）
  6. just lint を実行してエラーがないことを確認

注意事項

  • 日本語と英語の混在可
  • コードブロックにはファイル名を付ける（:filename.ext）
  • Mermaid 図は適宜活用
  • 画像は /public/images/ に配置し /images/xxx.png で参照