Communityコーディング&開発github.com

dontttbefly-sketch/vibecoding-process-tutorial-skill

Codexユーザーレベルのスキル:Vibe Coding / Codexの協調開発プロセスを日本語の教育的なMarkdownドキュメントに整理します。

vibecoding-process-tutorial-skill とは?

このスキルは、CodexのようなAIエージェントと人間が協調してソフトウェア開発を行う「Vibe Coding」プロセスを、教育的な日本語Markdownドキュメントとして体系的に記録・整理するためのものです。開発フロー、意思決定のポイント、コード生成の手順、レビューと修正のサイクルなどを、読みやすく構造化されたチュートリアル形式でアウトプットします。主にCodexプラットフォームで動作し、ユーザーは開発中の会話ログやコードスニペットをインプットとして提供するだけで、自動的に質の高い学習リソースが生成されます。このスキルは、プロセスを文書化することで、自身の開発手法の振り返りや、チームメンバーへの知識共有、あるいは一般向けの技術チュートリアル作成に役立ちます。

対応~Claude Code✓Codex CLI~Cursor
npx skills add dontttbefly-sketch/vibecoding-process-tutorial-skill

Installed? Explore more コーディング&開発 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

vibecoding-process-tutorial-skill は何をしますか?

Codexユーザーレベルのスキル:Vibe Coding / Codexの協調開発プロセスを日本語の教育的なMarkdownドキュメントに整理します。

概要

このスキルは、AIエージェント(Codexなど)と人間の開発者がペアを組んで進める「Vibe Coding」のワークフローを、日本語のチュートリアル形式のMarkdown文書に変換します。開発の各ステップ、プロンプトの例、生成されたコードの断片、エラーとその解決方法などが含まれます。

ユースケース

  • 自身のVibe Coding体験を学習教材として記録・公開したい
  • チーム内でAI協調開発のベストプラクティスを共有する
  • 技術ブログやドキュメントサイト向けのコンテンツを効率的に生成する

対応プラットフォーム

  • Codex
  • その他AIエージェント(プロンプトの調整で対応可能)

使い方

  1. 開発セッションの会話ログやコードスニペットをインプットとして提供します。
  2. このスキルが、それらを分析し、ステップバイステップのチュートリアルに再構成します。
  3. 出力されるMarkdownは、見出し、リスト、コードブロック、注意書きを含む教育的な形式です。

出力例

# Vibe Codingチュートリアル:TODOアプリの作成

## ステップ1:プロジェクトの初期化

まず、新しいNode.jsプロジェクトを作成します。

```bash
mkdir todo-app
cd todo-app
npm init -y

ステップ2:AIとの対話

「Expressを使って簡単なTODO APIを作成して」とCodexにプロンプトを送りました。

...


## 注意事項

- インプットには、会話の文脈と生成されたコードの完全な履歴を含めてください。
- 機密情報やAPIキーが含まれていないことを確認してください。
- 出力は人間がレビューし、必要に応じて編集することを推奨します。

関連スキル