Do I need to manually push changes to the preview branch?

No. The skill installs a GitHub Actions workflow that automatically force-syncs every push from any branch to the 'preview' branch, ensuring your preview environment is always up to date.

How does this skill prevent my preview site from being indexed by Google?

It implements a two-layer defense: it adds 'noindex, nofollow' headers via vercel.json and creates a dynamic robots.txt handler that disallows all crawlers on non-production branches.

Can I use a custom subdomain instead of the default pattern?

Yes, you can override the default repository-based naming pattern by passing the --subdomain flag when executing the command.

Which frameworks are supported by the setup-preview skill?

The skill includes specialized detection and configuration for Next.js, Astro, Remix, and SvelteKit, but it also provides a generic configuration for any Vercel-compatible static site.

Vercel Preview Subdomain Setup

Name: Vercel Preview Subdomain Setup
Author: Aventerica89

byAventerica89

0•

Deployment & DevOps

Automates the configuration of stable, SEO-protected Vercel preview subdomains with GitHub Actions branch synchronization.

The setup-preview skill streamlines the creation of persistent preview environments by establishing a dedicated subdomain pattern for Vercel projects. It automatically detects your framework—supporting Next.js, Astro, Remix, and SvelteKit—and configures essential SEO safeguards to prevent staging sites from appearing in search results. By implementing a custom GitHub Actions workflow, the skill ensures that every push to your repository is force-synced to a central 'preview' branch, providing a consistent URL for stakeholder reviews and third-party integrations without manual intervention.

Key Features

01Vercel-specific security headers to prevent unauthorized search engine indexing

02Framework-aware configuration for Next.js, Astro, Remix, and SvelteKit

030 GitHub stars

04GitHub Actions workflow for seamless multi-branch synchronization to a preview branch

05Automated SEO protection via X-Robots-Tag and dynamic robots.txt generation

06Standardized naming conventions for consistent staging environments

Use Cases

01Providing a stable URL for stakeholder reviews without re-configuring Vercel domains for every new branch

02Testing third-party webhooks or OAuth callbacks that require a consistent, persistent redirect URI

03Ensuring development and staging environments remain hidden from search engines to protect site authority

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add aventerica89/claude-codex setup-preview

For use in Claude.ai and ChatGPT

Download Skill