Foodie Site Skill — Development skill for Claude Code

foodie-site-skill

A reusable coding-agent skill for building and iteratively evolving foodie or travel review websites from notes, pasted text, files, or social posts.

This skill exists for a very practical reason: many people already have valuable food and travel notes, but those notes usually stay trapped in memo apps, chat logs, or scattered lists. This skill turns that raw material into a navigable website, then keeps supporting the project as it grows.

It supports both:

• generating a new site from source notes
• upgrading an existing live site without wiping custom product work

At a glance

• source material: notes, pasted text, exported files, social-media lists
• output: a browsable foodie or travel website
• delivery: generated from a reusable template and deployable to GitHub Pages
• follow-up support: iteration, shared interactions, showcase pages, owner-managed editing

Live example

See a real deployed example here:

• Live site: https://foodie.govibepark.com/


Why this skill exists

• most people already have the content, but not the structure
• building the first usable version should be fast
• later iterations should not destroy custom work already added to the site
• a public-facing site often needs both content generation and product refinement over time

What this skill is for

Use this skill when you want to turn a list of restaurants, cafes, bars, bakeries, destinations, or places of interest into a browsable website with:

• searchable cards
• category, region, and area filters
• map-based exploration
• visited / want-to-go states
• lightweight recommendation signals
• GitHub Pages deployment

It also covers common follow-up work on an existing site, such as:

• title and copy changes
• visual refinement
• map and filter improvements
• showcase / case-study pages
• shared interactions like comments or likes
• owner-managed editing of live entries

Workflow modes

1.