Design and migration

frontend-design

Helps the generated restaurant site feel specific to the venue instead of generic AI output.

Skill details

What this skill does

Create distinctive production-grade frontend interfaces and polish the restaurant site experience.

Use when: Use when a restaurant site needs a stronger visual system, responsive layout, or better page composition.

What it delivers: A clearer visual direction, refined page structure, responsive CSS, interaction polish, and browser-tested layout improvements.

Usage guide

How to use it

Use after the site has a working content structure. Give the agent venue context, target audience, and screenshots or pages that need visual review.

Prompt Use frontend-design to refine the restaurant website so it feels specific, polished, and mobile-ready.

Effect example

What a good result looks like

Example outcome: the generated homepage becomes a venue-specific design with better hierarchy, mobile layout, spacing, and interaction details verified in browser QA.