senternet-create-site

Orchestrates sequential skills to scaffold, optimize, and deploy marketing sites on Firebase.

Updated May 8, 2026
One-click install
npx skills add https://github.com/MattSenter/senternet-site-skills --skill senternet-create-site-mattsenter
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: senternet-create-site
Source: https://github.com/MattSenter/senternet-site-skills/tree/main/.claude/skills/senternet-create-site
Command: npx skills add https://github.com/MattSenter/senternet-site-skills --skill senternet-create-site-mattsenter

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Building a production marketing site involves dozens of disconnected setup tasks — scaffolding, SEO tags, sitemaps, analytics, image optimization, and performance tuning — that are easy to forget or misconfigure. This Skill runs the entire site-building workflow as one ordered pipeline, detecting what already exists and only executing what is missing. ## Core Features & Use Cases - Full pipeline orchestration: Runs foundation, favicon, meta tags, robots.txt, sitemap, IndexNow, analytics, prerendering, image, and Lighthouse performance skills in sequence. - Dual framework tracks: Supports Vite + React on Firebase Hosting and Next.js App Router on Firebase App Hosting, with per-track detection rules and conventions. - Create and upfit modes: Builds a new site from a design export (or a Hello World scaffold), or audits an existing repo and patches only missing pieces. - Optional feature menu: Adds transactional email via Resend, Stripe payments, Reddit pixel, multilingual support, ad landing pages, SEO blog, compare pages, and reCAPTCHA on demand. - Use Case: Point the skill at a design export zip, answer a few intake questions (name, domain, framework), and receive a deployed, SEO-optimized, Lighthouse-tested marketing site on Firebase. ## Quick Start Run /senternet-create-site with the path to your design export zip or an existing site directory to build or upfit a complete optimized marketing site.

Frequently Asked Questions about senternet-create-site

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

FAQPage Schema
How do I create a marketing site with Claude Code?▼

Run /senternet-create-site with a path to a design export zip, folder, or existing site directory. With no argument it asks intake questions (framework, name, domain) and scaffolds a barebones Hello World site, then runs all optimization phases in order.

Should I use Vite or Next.js for a Firebase marketing site?▼

Vite + React on Firebase Hosting is the recommended default: static files on a CDN, no cold starts, and lowest cost. Next.js on Firebase App Hosting adds server rendering, route handlers, and middleware at the price of cold starts and a heavier build.

Can I run this skill on an existing website repository?▼

Yes. Upfit mode detects the framework from .site-framework.json, next.config, or vite.config, inventories existing features, and skips completed steps while patching partial ones. It only asks for values that cannot be inferred from project files.

Does the skill support Google Analytics and PostHog?▼

Yes. Step 9 lets you choose GA4 or PostHog, and detects an existing provider via VITE_GA_ID or VITE_POSTHOG_KEY before asking. With GA4 it also offers GDPR cookie consent and CCPA opt-out modules.

Why is prerendering skipped on the Next.js track?▼

Next.js already emits static HTML for every route it can, so a Puppeteer prerender pass would duplicate pages and add build time. Instead the skill checks the build route table for accidentally dynamic pages and verifies rendered output with curl.

What prerequisites are needed before running the site build?▼

You need Node.js and npm, plus authenticated gcloud and Firebase CLI sessions for any step touching Firebase or Google Analytics. The skill verifies auth with gcloud auth list and firebase projects:list and re-authenticates if needed.