Claude Code Plugins

Community-maintained marketplace

Feedback

article-creation

@tqer39/blog
0
0

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

Install Skill

1Download skill
2Enable skills in Claude

Open claude.ai/settings/capabilities and find the "Skills" section

3Upload to Claude

Click "Upload skill" and select the downloaded ZIP file

Note: Please verify skill by going through its instructions before using it.

SKILL.md

name article-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 で参照