trip-itinerary-page｜AIスキル大辞典

このSkillでできること

✓複数日程の旅行計画を、日別ナビゲーション付きの単一HTMLページに整理する
✓到着・出発までのライブカウントダウンと旅行中の日数表示を追加する
✓予約・準備チェックリスト、行動予定カード、要点確認パネルを作成する
✓フライト遅延や天候変更、予定入れ替えなどに応じて既存ページを更新する

使い方

STEP 1

旅行者、目的地、日程、正確な到着・出発日時とタイムゾーン、既存の計画を確認する

STEP 2

不足情報はプレースホルダーとして明示し、プライベートな自宅住所や正確な居住地はページに記載しない

STEP 3

目的地に合わせてテーマを調整し、既存テンプレートを基に日別予定やチェック項目を反映する

STEP 4

納品前に日時、タイムゾーン、プライバシー、ナビゲーション、チェックボックス表示を確認する

Skillのインストール

AIにこのSkillを追加してもらう

GitHub URLごとCodexやClaude Codeへ渡し、現在の環境に合う方法を判断してもらいます。

このGitHubリポジトリにあるSkillを確認し、現在の環境に適した方法でインストールしてください。
インストール後、正常に利用できることを確認し、基本的な使い方も簡潔に説明してください。

Repository:
https://github.com/AdeDeepFishing/trip-itinerary-page

手動でインストールする

README / SKILL.mdから機械抽出できたコマンドのみ表示しています。推測したコマンドではありません。

git clone https://github.com/AdeDeepFishing/trip-itinerary-page.git ~/.claude/skills/trip-itinerary-page

git clone https://github.com/AdeDeepFishing/trip-itinerary-page.git ~/.agents/skills/trip-itinerary-page

npm i -g vercel
vercel        # preview URL
vercel --prod # production URL

このSkillを使うプロンプト例

Skill名を明示すると、意図したSkillを使わせやすくなります。自動発動型では必須とは限りません。

東京での5日間の旅行計画を、スマートフォンで共有できる単一HTMLの旅程ページにしてください。到着・出発日時はタイムゾーン付きで表示し、日別ナビゲーション、カウントダウン、予約チェックリスト、緊急連絡先などの要点パネルを含めてください。

出力例を見る

日別タブ、現在の日程へ自動スクロールするナビゲーション、到着・出発カウントダウン、タイムライン形式の行動カード、準備チェックリスト、集合場所や現地の緊急番号をまとめた要点パネルを備えた単一HTMLページ。

安全性チェック

自動解析による参考情報です。Skillの安全性を保証するものではありません。

外部API通信検出あり

Shellコマンド実行明確な記述なし

ファイル読み取り明確な記述なし

ファイル書き込み明確な記述なし

ネットワークアクセス検出あり

認証情報明確な記述なし

検出根拠を見る

network: 0:00+09:00'); [large code block omitted]bash git clone https://github.com/AdeDeepFishing/trip-itinerary-page.git ~/.claude/skills/trip-itinerary-page [la
network: loy from a branch* → `main` / root. The page lands at `https:// .github.io/ / .html` a minute or so later. (That's exactly how the demo above is hosted.)

trip-itinerary-page

このSkillでできること

使い方

Skillのインストール

AIにこのSkillを追加してもらう

このSkillを使うプロンプト例

安全性チェック

関連Skill

action-titles

code-review

tang