Therapist Site Scaffold
A custom Claude Code skill that generates production-ready therapist and wellness practice websites in seconds.
Overview
This custom Claude Code skill automates the creation of therapist and wellness practice websites, reducing what typically takes hours or days into a single command. It scaffolds a complete Next.js application with TypeScript, Tailwind CSS, and a thoughtfully designed page structure tailored for mental health professionals.
Rather than using generic templates, the skill generates production-ready code with placeholder content that's realistic and contextual. Every section that needs client-specific content is marked with TODO(content) comments, making it easy to identify what needs customization.
Key Features
Complete Page Set
Generates 9 essential pages: Home, About, Services, FAQs, Book a Session, Contact, Privacy Policy, Terms of Service, and Cancellation Policy.
Single-File Theming
All brand colors, fonts, and styling tokens live in one theme file. Swap the entire visual identity by editing a single configuration.
Reusable Components
Shared layout components and section blocks that compose into pages, ensuring consistency and maintainability.
Smart Placeholder Content
Realistic, context-aware placeholder copy (never lorem ipsum) with clear TODO markers for required customization.
Static & Fast
No CMS complexity. Pure TypeScript/TSX with static content for maximum performance and zero infrastructure overhead.
Deploy-Ready
Optimized for Vercel deployment with proper Next.js App Router conventions and best practices built in.
How It Works
Gather Requirements
The skill prompts for practice name, brand colors, typography preferences, and any page additions/removals from the standard set.
Generate Structure
Scaffolds the complete Next.js App Router structure with pages, components, layouts, and configuration files.
Apply Theming
Injects brand colors and fonts into the theme configuration file, ensuring visual consistency across all pages.
Add Content Markers
Places TODO(content) comments throughout the code wherever client-specific copy is needed.
Ready to Deploy
The site is immediately runnable with realistic placeholder content. Simply swap the delta (theme + content) and deploy.
Tech Stack
- →Next.js (App Router) — Modern React framework with file-based routing
- →TypeScript — Type-safe development for maintainability
- →Tailwind CSS — Utility-first styling for rapid customization
- →next/font — Optimized font loading with single-line swaps
- →Vercel — Zero-config deployment and hosting
Example Output
Mind Craft Wellness is a reference implementation generated using this skill. It showcases the complete page structure, theming system, and component architecture.
