Foodie Site Skill banner
elinking-111 elinking-111

Foodie Site Skill

Development community

Description

Claude Code skill: turn food/travel notes into a beautiful map website

Installation

This entry records only its repository, not the path inside it, so there is no exact command to give. Open the source below and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

README

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 foodie site example](assets/live-example.png)

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.