skills.rest
spiral-app-labs
spiral-app-labsOFFICIAL
Explore all skills by this author →
GitHub

Restaurant Template Analysis

Analyze Framer restaurant templates to produce ground-truth audits and recreation blueprints.

Updated Apr 8, 2026
Search Tags:#framer#design-tokens#ground-truth#design-audit#recreation#restaurant-template-analysis#audit-pipeline
One-click install
npx skills add https://github.com/spiral-app-labs/skills --skill restaurant-template-analysis
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Restaurant Template Analysis
Source: https://github.com/spiral-app-labs/skills/tree/main/restaurant-template-analysis
Command: npx skills add https://github.com/spiral-app-labs/skills --skill restaurant-template-analysis

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The Restaurant Template Analysis skill provides a structured approach to dissect Framer restaurant templates and generate a ground-truth audit that informs faithful recreations in the restaurant-website-system catalog. It translates design intent into measurable tokens and actionable recreation blueprints.

Core Features & Use Cases

  • Ground-truth audit pipeline: captures six artifact types (screenshots, scroll-position frames, hover-state captures, page-load video, motion-frames, and metadata) to reveal color, typography, motion, and structure with exact measurements.
  • Cohesion-focused recreation: translates visual patterns into reusable primitives and a design-language brief that preserves brand identity in recreations.
  • Catalog-ready outputs: produces audit documentation that can be linked to template inventory, site routing, and design-tokens catalogs for downstream projects.

Quick Start

Initiate a template analysis by running the audit workflow on a restaurant Framer URL to produce a complete artifact bundle.

Frequently Asked Questions about Restaurant Template Analysis

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What is a ground-truth design audit for Framer templates?▼

To extract design tokens from a Framer template, the analysis pipeline captures screenshots, scroll-position frames, hover-state captures, page-load video, and motion-frames. These six artifacts reveal exact color, typography, and motion measurements for reproducible recreation.

How do I generate a recreation blueprint from a restaurant template?▼

Yes, you can capture hover states and motion frames from a live Framer template. The audit pipeline explicitly records hover-state captures, motion-frames, and page-load video to ensure exact measurements of dynamic interactions are preserved for recreation.

Does the Framer template analysis produce outputs for downstream design-token catalogs?▼

You generate a recreation blueprint by running the audit workflow on a restaurant Framer URL. The process translates visual patterns into reusable primitives and produces a design-language brief that preserves brand identity for catalog-ready outputs.

Does the Framer template analysis produce outputs for downstream design-token catalogs?▼

Yes, the Framer template analysis produces catalog-ready audit documentation that links directly to template inventory, site routing, and design-tokens catalogs. This ensures the extracted ground-truth measurements support downstream recreation projects.

Related Skills

Explore More Design & Creative Skills→
bdambrosiobdambrosio
10

mc-training-capture

Toggle automatic capture of Minecraft training samples with configurable intervals.

Community
Intermediate
alo-expalo-exp
6

design-system

Audit design-system components, tokens, and patterns for consistency.

Official
Advanced
hi-yuki-922hi-yuki-922
1

i-extract

Extract reusable UI components and design tokens into a centralized design system.

Community
Intermediate
Dragoon0xDragoon0x
4

sync

Export code-defined design tokens to a Tokens Studio-compatible figma.tokens.json file.

Community
Intermediate