Travel Guide Test
by @cianweeresinghe-sudo
Plan trips end-to-end and turn them into polished static travel-guide webpages deployed to Cloudflare Pages. Use when a user wants help deciding where to go,...
clawhub install travel-guide-test📖 About This Skill
name: travel-guide-pages description: Plan trips end-to-end and turn them into polished static travel-guide webpages deployed to Cloudflare Pages. Use when a user wants help deciding where to go, comparing route/base options, shaping an itinerary around interests and constraints, choosing hotels and activities, building a visual travel guide, adding route maps or booking checklists, or publishing the result as a live Cloudflare Pages microsite.
Travel Guide Pages
Build a useful trip first, then build the webpage.
Core approach
Follow this sequence: 1. Discover the travellers, constraints, and vibe. 2. Decide the route logic before writing a day-by-day itinerary. 3. Build a realistic itinerary with energy management. 4. Add hotels, activities, transport legs, and booking urgency. 5. Turn the plan into a skimmable, image-led static webpage. 6. Deploy to Cloudflare Pages.
Do not jump straight to “top things to do”. Do not optimise for maximum attractions. Optimise for fit, flow, energy, and clarity.
Discovery checklist
Before proposing an itinerary, gather or confirm:
If details are missing, ask only the highest-value questions first.
Family / mixed-age optimisation branch
If the trip includes children, teens, mixed generations, or a group with clearly different energy levels, ask a more specific second layer:
Ask about gender only when it would materially affect rooming, privacy, safety, or comfort decisions. Do not ask for personal details that do not change the plan.
Route logic
Work out the structure before the days.
Always determine:
For mixed-mode travel, label legs explicitly. Examples:
Train + car pickupScenic driveDrive to rail gateway + train into cityDo not collapse mixed-mode travel into vague one-line labels. If a leg uses two modes, show both.
Itinerary design rules
Design for humans, not robots.
Account for:
Use an energy curve:
Common helpful pattern:
Recommendations structure
For each base/segment, provide:
Why stay here
Explain what this base adds to the trip and why it suits the travellers.What to do
Recommend only high-fit activities. For each one include:Where to stay
Provide a short practical shortlist, ideally:Explain the hotel logic:
Transport logic
Be explicit about:Day-by-day output
Create a realistic day-by-day plan. For each day include:
Keep it concise and skimmable.
Traveller profiles and reusable preferences
Support reusable traveller profiles when helpful.
Default to a shared profile for the main travelling unit:
Use individual subprofiles only when useful or explicitly requested. A shared group profile should be the default; per-person profiles are optional layers, not mandatory dossiers.
The skill may:
Only store durable travel-planning preferences, such as:
Good pattern:
Do not treat the profile as a dossier. Do not store unnecessary sensitive or irrelevant personal details. Store only information that improves future travel recommendations.
When saving or updating profile information, follow the environment’s consent and memory rules. If profile information is uncertain, summarise it as a tentative preference rather than a hard fact.
When a returning traveller or group is involved, check whether a profile already exists before re-asking basic planning questions. Reuse what is durable, then ask only for what has changed.
Planning extras
Always include:
Book in advance
Split into:Weather / packing
Keep practical and brief.Travel tips / hacks
Include only useful tips:Avoid social-media fluff unless it is genuinely helpful.
Webpage requirements
Build a static HTML/CSS page suitable for Cloudflare Pages.
Style goals:
Suggested sections:
Writing rules for the page
The page must be user-facing only. Do not include:
Write like a polished guide, not a development log.
Image rules
Prefer correctness over generic mood shots.
Good order of preference:
1. exact place-matched images
2. source pages with usable og:image
3. official tourism / venue pages
4. Wikimedia Commons
5. stable generic mood imagery only when clearly labeled as general atmosphere
If the page names a specific place, do not use obviously unrelated visuals.
When image sourcing is messy:
Maps and leg links
Include a route summary visual where possible. Also include leg-by-leg links.
For each leg, ensure:
Examples:
Confidence gate before page build
Do not build or deploy the Cloudflare Pages site too early. Only move into page creation once the itinerary is stable enough that major structural changes are unlikely.
Minimum confidence before page build:
If confidence is still low:
Once confidence is high enough:
Cloudflare Pages deployment
After building the static page: 1. make sure assets are local or stable 2. create the Pages project if needed 3. deploy the static folder 4. return the live deploy URL and stable Pages URL
If Cloudflare auth is missing, ask for the minimum token/account/project info needed.
Quality bar
A good result should be:
If tradeoffs exist, prefer: