| name | scaffold-portfolio-site |
| description | Meta-orchestration skill for scaffolding complete client portfolio websites. Activates when the user says "scaffold portfolio", "new client site", "portfolio website setup", "create portfolio project", "client website scaffold", "portfolio build", "website project setup", or invokes /scaffold-portfolio-site. Combines vault-architecture, honey-badger-deploy, and spaghetti-relay-deploy skills into a single orchestrated workflow for client deliverables.
|
| allowed-tools | ["Read","Write","Edit","Bash","Grep","Glob"] |
| user-invocable | true |
| argument-hint | <project-name> [--stack next|vite] [--auth none|basic|master-password] |
// scaffold-portfolio-site SKILL.md / Developer: Marcus Daley / 2026-02-27
// Portfolio site orchestration skill — combines architecture, auth, and transport
// Targets the portfolio website business ($399-$1999/site tier pricing)
// Build LAST — only after skills 1-3 are battle-tested
Portfolio Site Scaffolding
Orchestrate a complete portfolio website project by combining architecture enforcement,
auth deployment, and transport scaffolding into a single workflow.
Prerequisites
These skills must be installed and working:
vault-architecture — Pattern enforcementhoney-badger-deploy — Auth scaffoldingspaghetti-relay-deploy — Transport scaffolding (if real-time features needed)
Quick Start
/scaffold-portfolio-site my-client-site --stack next --auth none
/scaffold-portfolio-site agency-portfolio --stack vite --auth basic
Workflow
Step 1: Project Initialization
// Create project directory, initialize package.json, generate project.config.json
Step 2: Architecture Setup
// Invoke vault-architecture to establish pattern foundations
Step 3: Stack Scaffolding
// Generate Next.js or Vite project structure based on --stack flag
Step 4: Auth (If Needed)
// Invoke honey-badger-deploy if --auth is not "none"
Step 5: Transport (If Needed)
// Invoke spaghetti-relay-deploy if project requires real-time features
Step 6: Theme and Components
// Apply dark theme, Tailwind config, shadcn/ui components, Three.js/Spline hero
Step 7: Verification
// Run build, type check, and pattern audit
Tier Pricing Reference
| Tier | Price | Includes |
|---|
| Starter | $399 | Static portfolio, 3-5 pages, responsive, dark theme |
| Professional | $999 | Dynamic content, CMS integration, contact forms, SEO |
| Premium | $1999 | Full-stack, auth, real-time features, 3D scenes, custom animations |
References
- Portfolio design system:
D:\portfolio-website\CLAUDE.md
- Theme tokens: Defined in project.config.json
- Component library: shadcn/ui + Radix UI
