article について
技術記事やドキュメントの作成を支援する、技術著者向けの AI ライティングスキルです。記事の形式やプロンプトが用意され、アウトラインから草稿の推敲まで扱えます。
主な機能
- 01技術記事とドキュメントの生成
- 02アウトラインの展開と素早い草稿作成
- 03チュートリアル、比較記事、解説記事の作成
- 04正確性と読みやすさの確認
- 05草稿の修正とコード例の追加
活用シーン
- 01技術テーマから記事の草稿を作成
- 02アウトラインを記事に展開
- 03技術的な主張とコードを確認
- 04レビューのフィードバックに沿って草稿を修正
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ johnlindquist/ claude --skill articleインストール後、Claude Code で/articleを入力して読み込まれたか確認します。
詳細
記事ジェネレーター
AI の支援を受けて、技術記事やドキュメントを作成します。
前提条件
# Claude CLI for article generation
npm install -g @anthropic-ai/claude-cli
export ANTHROPIC_API_KEY=your_api_key
# Or Gemini as alternative
pip install google-generativeai
export GEMINI_API_KEY=your_api_key
記事の操作
記事の生成
claude --print --model opus "Write a technical article about: [topic]
Requirements:
- Target audience: [developers/beginners/etc]
- Length: ~[1500] words
- Include code examples
- Practical focus
Structure:
1. Hook/intro that establishes the problem
2. Context/background
3. Main content with examples
4. Best practices
5. Conclusion with next steps"
クイックドラフト
gemini -m pro -o text -e "" "Write a first draft article about: [topic]
Keep it concise (~800 words) with:
- Clear thesis
- 3-4 main points
- One code example
- Actionable takeaway"
アウトラインの展開
gemini -m pro -o text -e "" "Expand this outline into a full article:
OUTLINE:
1. [Point 1]
2. [Point 2]
3. [Point 3]
For each section, provide:
- 2-3 paragraphs
- Relevant examples
- Transitions between sections"
記事の種類
チュートリアル
claude --print --model opus "Write a step-by-step tutorial for: [task]
Format:
- Prerequisites section
- Numbered steps with code
- Expected output at each step
- Common errors and fixes
- Complete working example at end"
比較記事
gemini -m pro -o text -e "" "Write a comparison article:
COMPARING: [Option A] vs [Option B]
CONTEXT: [Use case]
Include:
- Overview of each
- Feature comparison table
- Code examples for each
- When to use which
- Clear recommendation"
解説記事
gemini -m pro -o text -e "" "Write an explainer article about: [concept]
Audience: [technical level]
Cover:
- What it is (simple definition)
- Why it matters
- How it works (with diagrams if helpful)
- Real-world examples
- Common misconceptions"
構築方法
gemini -m pro -o text -e "" "Write a 'how we built it' article based on:
PROJECT: [description]
TECH STACK: [technologies]
CHALLENGES: [key challenges faced]
SOLUTIONS: [how you solved them]
Format as engineering blog post with:
- Problem statement
- Architecture decisions
- Implementation details
- Lessons learned
- Results/metrics"
コンテンツの強化
技術的な正確性の確認
ARTICLE=$(cat draft.md)
gemini -m pro -o text -e "" "Review this technical article for accuracy:
$ARTICLE
Check:
1. Code examples work correctly
2. Technical claims are accurate
3. Best practices are current
4. No outdated information
5. Security considerations
Flag any issues with corrections."
読みやすさの改善
ARTICLE=$(cat draft.md)
gemini -m pro -o text -e "" "Improve the readability of this article:
$ARTICLE
Focus on:
- Clearer sentences
- Better transitions
- Active voice
- Removing jargon
- Adding helpful examples"
コード例の追加
ARTICLE=$(cat draft.md)
gemini -m pro -o text -e "" "Add practical code examples to this article:
$ARTICLE
For each concept:
- Add working code snippet
- Include comments
- Show expected output
- Provide variations where helpful"
改訂版の生成
ARTICLE=$(cat draft.md)
FEEDBACK="[feedback from reviewers]"
gemini -m pro -o text -e "" "Revise this article based on feedback:
CURRENT:
$ARTICLE
FEEDBACK:
$FEEDBACK
Incorporate the feedback while maintaining the article's voice and structure."
構成テンプレート
ブログ記事のテンプレート
# [Catchy Title]
[1-2 sentence hook that identifies the problem]
## The Problem
[Describe the pain point readers face]
## The Solution
[Introduce your approach]
### [Key Point 1]
[Explanation with code example]
### [Key Point 2]
[Explanation with code example]
## Putting It Together
[Complete example combining the concepts]
## Conclusion
[Summary and call to action]
チュートリアルのテンプレート
# How to [Do Something]
## Prerequisites
- [Requirement 1]
- [Requirement 2]
## What We're Building
[Brief description and screenshot/diagram]
## Step 1: [First Step]
[Instructions]
```code
[Example]
ステップ 2:[2 番目のステップ]
...
完全なコード
[Full working example]
次のステップ
[次に進むには]
## Best Practices
1. **Start with the reader** - What problem do they have?
2. **Show, don't tell** - Use code examples
3. **One idea per section** - Keep it focused
4. **Use concrete examples** - Abstract concepts need grounding
5. **Include working code** - Test everything
6. **End with action** - Tell readers what to do next
7. **Get feedback** - Have someone else read it
8. **Revise ruthlessly** - First drafts are just the start
コメント
Markdown 対応