happy-trip-site は何をしますか？
モバイルファーストの旅行日程ウェブサイトを生成し、実際のメディア、バリデーション、Vercelデプロイを実現するエージェントスキルです。
概要
このスキルは、AIエージェントが旅行日程サイトを自動生成するためのものです。以下の機能を備えています：
- モバイルファーストデザイン: スマートフォンでの表示に最適化されたレスポンシブレイアウト
- 実際のメディア: Unsplash、YouTubeなどの実際のメディアソースから画像や動画を埋め込み
- バリデーション: フォーム入力やデータのバリデーション機能
- Vercelデプロイ: Vercelへのワンクリックデプロイに対応
対応プラットフォーム
- Claude Code
- Cursor
- Codex
- その他のAIエージェント開発環境
使用方法
- AIエージェントに以下のようなプロンプトを与えます：
happy-trip-site を使って東京3日間の旅行日程サイトを作成して
- エージェントが自動的にファイルを生成し、Vercelにデプロイします。
スキル設定
環境変数として以下を設定できます：
SITE_NAME: サイトの名前（デフォルト: Happy Trip）DEFAULT_DESTINATION: デフォルトの目的地VERCEL_TOKEN: Vercelデプロイ用のAPIトークン
注意事項
- 生成されるサイトは静的なHTML/CSS/JSです
- メディアはパブリックドメインのものを使用します
- VercelデプロイにはVercelアカウントが必要です