jpskill.com
✍️ ライティング コミュニティ

generate-output

ユーザーが指定した基準やベストプラクティスに従い、検証済みの要件に基づいて、コードやドキュメント、テスト、コンテンツなどの成果物を実際に作成するSkill。

📜 元の英語説明(参考)

Create the deliverable (code, documentation, tests, content) following the user's standards and best practices. Use after validation passes to actually build the work product.

🇯🇵 日本人クリエイター向け解説

一言でいうと

ユーザーが指定した基準やベストプラクティスに従い、検証済みの要件に基づいて、コードやドキュメント、テスト、コンテンツなどの成果物を実際に作成するSkill。

※ jpskill.com 編集部が日本のビジネス現場向けに補足した解説です。Skill本体の挙動とは独立した参考情報です。

⚡ おすすめ: コマンド1行でインストール(60秒)

下記のコマンドをコピーしてターミナル(Mac/Linux)または PowerShell(Windows)に貼り付けてください。 ダウンロード → 解凍 → 配置まで全自動。

🍎 Mac / 🐧 Linux
mkdir -p ~/.claude/skills && cd ~/.claude/skills && curl -L -o generate-output.zip https://jpskill.com/download/16961.zip && unzip -o generate-output.zip && rm generate-output.zip
🪟 Windows (PowerShell)
$d = "$env:USERPROFILE\.claude\skills"; ni -Force -ItemType Directory $d | Out-Null; iwr https://jpskill.com/download/16961.zip -OutFile "$d\generate-output.zip"; Expand-Archive "$d\generate-output.zip" -DestinationPath $d -Force; ri "$d\generate-output.zip"

完了後、Claude Code を再起動 → 普通に「動画プロンプト作って」のように話しかけるだけで自動発動します。

💾 手動でダウンロードしたい(コマンドが難しい人向け)
  1. 1. 下の青いボタンを押して generate-output.zip をダウンロード
  2. 2. ZIPファイルをダブルクリックで解凍 → generate-output フォルダができる
  3. 3. そのフォルダを C:\Users\あなたの名前\.claude\skills\(Win)または ~/.claude/skills/(Mac)へ移動
  4. 4. Claude Code を再起動

⚠️ ダウンロード・利用は自己責任でお願いします。当サイトは内容・動作・安全性について責任を負いません。

🎯 このSkillでできること

下記の説明文を読むと、このSkillがあなたに何をしてくれるかが分かります。Claudeにこの分野の依頼をすると、自動で発動します。

📦 インストール方法 (3ステップ)

  1. 1. 上の「ダウンロード」ボタンを押して .skill ファイルを取得
  2. 2. ファイル名の拡張子を .skill から .zip に変えて展開(macは自動展開可)
  3. 3. 展開してできたフォルダを、ホームフォルダの .claude/skills/ に置く
    • · macOS / Linux: ~/.claude/skills/
    • · Windows: %USERPROFILE%\.claude\skills\

Claude Code を再起動すれば完了。「このSkillを使って…」と話しかけなくても、関連する依頼で自動的に呼び出されます。

詳しい使い方ガイドを見る →
最終更新
2026-05-18
取得日時
2026-05-18
同梱ファイル
1

📖 Skill本文(日本語訳)

※ 原文(英語/中国語)を Gemini で日本語化したものです。Claude 自身は原文を読みます。誤訳がある場合は原文をご確認ください。

出力生成スキル

目的

検証済みの要件を、実際の成果物(コード、ドキュメント、テスト、コンテンツ)に変換します。このスキルは、ユーザーの原則と、彼らの標準で定義された共通のパターンに従います。

何をすべきか

  1. 前のステップで検証済みの要件を読み込む
  2. プロジェクトタイプの標準(standards.json から)をロードして、彼らの原則とパターンを理解する
  3. 以下に基づいて成果物を生成する:
    • ユーザーの特定の要件
    • このプロジェクトタイプのために保存された彼らの原則
    • 彼らの共通のパターン(彼らが常にすること)
    • このタイプの作業におけるベストプラクティス
  4. 彼らのパターンに従う - 彼らが共通のパターンを定義している場合は、それらを含める:
    • 例: 「常にエラー処理を含める」→ 含める
    • 例: 「常に JSDoc コメントを書く」→ 含める
  5. 完全で、すぐに使える出力を生成する

プロジェクトタイプ固有のガイダンス

コードの機能

  • 完全な、本番環境で使用できるコードを書く
  • prop types、型アノテーション、またはスキーマ検証を含める
  • エラー処理を含める
  • 複雑なロジックにはコメントを追加する
  • 使用例またはテストケースを含める
  • 彼らのコーディング標準(命名、構造、パターン)に従う

ドキュメント

  • ヘッダーによる明確な構造
  • 上部に目的/概要を含める
  • 例とユースケースを追加する
  • トラブルシューティングが該当する場合は含める
  • 関連ドキュメントへのリンク
  • 定義されている場合は、彼らのドキュメントテンプレートを使用する

リファクタリング

  • 「リファクタリング前」のコードを表示する
  • 「リファクタリング後」のリファクタリングされたコードを表示する
  • 改善点を説明する
  • 何が変更されたのか、そしてその理由を強調する
  • コピーできる状態のリファクタリングされたコードを含める
  • 動作の変更点をすべて記述する

テストスイート

  • 包括的なテストを書く
  • ハッピーパスとエッジケースをテストする
  • 説明的なテスト名を使用する
  • 必要に応じてセットアップ/ティアダウンを含める
  • 彼らのテストの慣例に従う
  • テストが保守可能であることを確認する

コンテンツ作成

  • 説得力のある導入
  • セクションによる明確な構造
  • ヘッダー、リスト、および例を使用する
  • 実用的な例を含める
  • 主要なポイントをまとめた結論
  • 聴衆に適したトーン

プロセス

  1. 要件を確認する
  2. StandardsRepository を使用して彼らの標準をロードする
  3. このタイプの共通のパターンを特定する
  4. 出力を生成する
  5. 彼らの原則に対して自己チェックを行う
  6. 簡単な要約とともに結果を提示する

標準のロード

StandardsRepository を使用して標準にアクセスします。

const standards = standardsRepository.getStandards(context.projectType)
if (standards) {
  // 彼らの原則とパターンを使用する
  const principles = standards.principles
  const patterns = standards.commonPatterns
  // 彼らの標準に従って出力を生成する
} else {
  // ベストプラクティスに従って生成する
}

インターフェースの詳細については、.claude/lib/standards-repository.md を参照してください。

出力形式

以下を使用して作業を配信します。

# [成果物のタイトル]

## 概要
[作成されたものの簡単な説明]

## 適用された原則
- [彼らの標準からの最初の原則]
- [2番目の原則]
- [3番目の原則]

## 含まれる共通パターン
- [パターン1:簡単な説明]
- [パターン2:簡単な説明]

## 成果物
[完全なコード、ドキュメント、テスト、またはコンテンツ]

## 次のステップ
[次に何をすべきか - フォーマット、テスト、レビュー]

成功基準

✓ 成果物は完全で、すぐに使用できる ✓ ユーザーの原則とパターンに従っている ✓ プロジェクトタイプに適切である ✓ プロフェッショナルな品質 ✓ 必要なサポート要素(コメント、例、構造)が含まれている

生成例

プロジェクトタイプ: React Component ユーザー要件: 「キーボードナビゲーションを備えた検索可能なドロップダウンコンポーネント」 彼らの標準に含まれるもの:

  • 原則: 「再利用可能、テスト可能、十分に文書化されている」
  • パターン: 「TypeScript を使用し、PropTypes を含め、story をエクスポートする」

生成された出力に含まれるもの:

  • TypeScript で記述された完全な React コンポーネント
  • PropTypes 検証
  • エラー境界
  • キーボードイベントハンドラー
  • Storybook story ファイル
  • 使用例
  • 複雑なロジックに関するコメント

注記

  • ユーザーの標準が特定のパターンを定義している場合は、常にそれらを含める
  • 最小限を超えて、彼らが誇りに思って使用できるものを作成する
  • 詳細について不明な場合は、彼らのアンチパターンガイダンスに従う(避けるように言われたことの反対を行う)
  • 量より質 - 1つのよくできた成果物は、複数の平凡な成果物に勝る
📜 原文 SKILL.md(Claudeが読む英語/中国語)を展開

Generate Output Skill

Purpose

Transforms validated requirements into actual deliverables (code, documentation, tests, content). This skill follows the user's principles and common patterns defined in their standards.

What to Do

  1. Read the validated requirements from the previous step
  2. Load the project type's standards (from standards.json) to understand their principles and patterns
  3. Generate the deliverable based on:
    • User's specific requirements
    • Their saved principles for this project type
    • Their common patterns (what they always do)
    • Best practices for this type of work
  4. Follow their patterns - If they defined common patterns, include them:
    • Example: "Always include error handling" → include it
    • Example: "Always write JSDoc comments" → include it
  5. Create complete, ready-to-use output

Project Type Specific Guidance

Code Features

  • Write complete, production-ready code
  • Include prop types, type annotations, or schema validation
  • Include error handling
  • Add comments for complex logic
  • Include example usage or test case
  • Follow their coding standards (naming, structure, patterns)

Documentation

  • Clear structure with headers
  • Include purpose/overview at top
  • Add examples and use cases
  • Include troubleshooting if applicable
  • Link related documentation
  • Use their documentation template if defined

Refactoring

  • Show the "before" code
  • Show the "after" refactored code
  • Explain the improvements
  • Highlight what changed and why
  • Include the refactored code ready to copy
  • Note any behavioral changes

Test Suite

  • Write comprehensive tests
  • Test happy path and edge cases
  • Use descriptive test names
  • Include setup/teardown as needed
  • Follow their testing conventions
  • Ensure tests are maintainable

Content Creation

  • Compelling introduction
  • Clear structure with sections
  • Use headers, lists, and examples
  • Include practical examples
  • Conclusion with key takeaways
  • Appropriate tone for audience

Process

  1. Review requirements
  2. Load their standards using StandardsRepository
  3. Identify their common patterns for this type
  4. Generate the output
  5. Do a self-check against their principles
  6. Present the output with brief summary

Loading Standards

Use StandardsRepository to access standards:

const standards = standardsRepository.getStandards(context.projectType)
if (standards) {
  // Use their principles and patterns
  const principles = standards.principles
  const patterns = standards.commonPatterns
  // Generate output following their standards
} else {
  // Generate following best practices
}

See .claude/lib/standards-repository.md for interface details.

Output Format

Deliver the work with:

# [Title of Deliverable]

## Summary
[Brief description of what was created]

## Principles Applied
- [First principle from their standards]
- [Second principle]
- [Third principle]

## Common Patterns Included
- [Pattern 1: brief explanation]
- [Pattern 2: brief explanation]

## The Deliverable
[Complete code, documentation, tests, or content]

## Next Steps
[What they should do next - formatting, testing, review]

Success Criteria

✓ Deliverable is complete and ready to use ✓ Follows user's principles and patterns ✓ Appropriate to project type ✓ Professional quality ✓ Includes necessary supporting elements (comments, examples, structure)

Example Generation

Project Type: React Component User Requirements: "Searchable dropdown component with keyboard nav" Their Standards Include:

  • Principles: "Reusable, testable, well-documented"
  • Patterns: "Use TypeScript, include PropTypes, export story"

Generated Output Includes:

  • Complete React component in TypeScript
  • PropTypes validation
  • Error boundary
  • Keyboard event handlers
  • Storybook story file
  • Usage example
  • Comments on complex logic

Notes

  • If user's standards define specific patterns, ALWAYS include them
  • Go above minimum - create something they're proud to use
  • If unsure about a detail, follow their anti-patterns guidance (do opposite of what they said to avoid)
  • Quality over quantity - one well-crafted deliverable beats multiple mediocre ones