Communitygithub.com

HoneyLoladia11/vibe-coding-projects

🚀 最新のプラクティスを用いてフルスタックアプリケーションを構築。Vibe Coding Projectsコレクションで、AI統合、認証システム、スケーラブルなアーキテクチャを提供します。

vibe-coding-projects とは?

このスキルは、HoneyLoladia11/vibe-coding-projects リポジトリに基づき、モダンなフルスタックアプリケーションを迅速に構築するためのものです。主な特徴として、AI機能の統合、ユーザー認証システム、そしてスケーラブルなアーキテクチャ設計が含まれています。開発者は、このスキルを使用することで、最新のベストプラクティスに沿ったプロジェクトの雛形を生成し、実際のアプリケーション開発の出発点として利用できます。このスキルは、Claude Code、Cursor、Codex などのAIエージェントプラットフォームと互換性があり、SKILL.mdのガイドラインに従って適切なプロジェクト構造とコードを生成します。具体的には、フロントエンドとバックエンドの設定、データベース接続、認証フロー、APIルートの設計などが自動化され、開発効率を大幅に向上させます。

対応~Claude Code~Codex CLI~Cursor
npx skills add HoneyLoladia11/vibe-coding-projects

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

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

ドキュメント

vibe-coding-projects は何をしますか?

🚀 最新のプラクティスを用いてフルスタックアプリケーションを構築。Vibe Coding Projectsコレクションで、AI統合、認証システム、スケーラブルなアーキテクチャを提供します。

概要

このスキルは、モダンな開発手法を採用したフルスタックアプリケーションのボイラープレートを提供します。以下の機能を素早くセットアップできます:

  • AI統合: OpenAI、Anthropic などのAIサービスとの連携を簡単に実装
  • 認証システム: JWTベースの認証、OAuth、ソーシャルログインをサポート
  • スケーラブルなアーキテクチャ: マイクロサービス対応、クラウドネイティブな設計

対応プラットフォーム

  • Claude Code
  • Cursor
  • Codex
  • その他のAIエージェント

使用方法

  1. リポジトリをクローンまたはテンプレートとして使用
  2. 環境変数を設定(.env.example を参照)
  3. 依存関係をインストール: npm install
  4. 開発サーバーを起動: npm run dev

プロジェクト構造

├── src/
│   ├── api/          # APIルート
│   ├── auth/         # 認証モジュール
│   ├── ai/           # AI統合モジュール
│   └── config/       # 設定ファイル
├── public/           # 静的ファイル
├── tests/            # テスト
└── .env.example      # 環境変数テンプレート

技術スタック

  • フロントエンド: React / Next.js
  • バックエンド: Node.js / Express
  • データベース: PostgreSQL / MongoDB
  • 認証: JWT / OAuth 2.0
  • AI: OpenAI API / Anthropic API

ライセンス

MIT

関連スキル