Claude.ai connects to external platforms through MCP servers, IDE extensions, hosted databases, and deployment platforms — enabling full-stack app development, database design, and automation directly from conversation.
Platform Components
Platform
Tools / Services
Primary Role
Databases
Neon (Postgres), Supabase, PlanetScale
Persistent storage, schema design, migrations
Deployment
Vercel, Netlify, Railway
Host apps, APIs, and static sites globally
IDEs
VS Code, JetBrains, Cursor, Claude Code CLI
Agentic code editing with file and terminal access
MCP Servers
GitHub, Gmail, GCal, Slack, Asana, Jira
Real-time actions on external services mid-conversation
Website, video streaming, class registration, mobile app
02
Neon Serverless Postgres
Neon is a fully managed Postgres database with serverless scaling, database branching, and a generous free tier. It is the recommended database for all Salud Capital projects.
Core Concepts
Feature
Description
Serverless scaling
Compute scales to zero when idle — pay only for active query time
Database branching
Like Git branches for your data — feature branches with isolated schemas
Connection pooling
Built-in PgBouncer via pooled connection string — essential for Vercel
MCP integration
Official Neon MCP server lets Claude query, migrate, and branch directly in chat
Point-in-time restore
Restore to any point in the retention window — no manual backups needed
Connection Strings
# Standard connection
postgres://user:password@ep-xxx.us-east-2.aws.neon.tech/neondb?sslmode=require
# Pooled (for serverless / Vercel — use this in Next.js API routes):
postgres://user:password@ep-xxx-pooler.us-east-2.aws.neon.tech/neondb?sslmode=require
# Pull env vars from Vercel to local dev:
vercel env pull .env.local
Python — SQLAlchemy Pattern
from sqlalchemy import create_engine, text
import os
engine = create_engine(os.environ["DATABASE_URL"])
with engine.connect() as conn:
result = conn.execute(
text("SELECT * FROM bids WHERE status = :s"),
{"s": "open"}
)
for row in result:
print(row)
Database Branching Workflow
Command
What It Does
neon branches create --name feature/add-orders
Branch from main with a copy of current data
neon branches list
Show all branches and endpoint URLs
neon branches delete feature/add-orders
Drop branch safely — no production impact
Pricing
Plan
Details
Free
1 project, 0.5 GB storage, auto-suspend compute — good for prototyping
Vercel is the premier platform for deploying Next.js apps, serverless APIs, and static sites. All three Salud Capital portfolio projects deploy to Vercel from the same account.
Hosting Types
Type
Best For
Static sites
Pure HTML/CSS/JS — instant global CDN, generous free tier
Next.js apps
Full-stack React with SSR, API routes, and middleware — the primary Vercel use case
Serverless functions
/api/route.js files become endpoints — connect frontend to Neon without a separate server
Edge functions
Run logic at CDN edge — lowest latency for auth middleware and geo-routing
CLI Quickstart
npm i -g vercel
vercel login
cd my-project
vercel # deploys to preview URL
vercel --prod # promotes to production
# Environment variables
vercel env add DATABASE_URL
vercel env add ANTHROPIC_API_KEY
vercel env pull .env.local # pull to local dev
Next.js API Route + Neon
// app/api/bids/route.js
import { neon } from '@neondatabase/serverless';
export async function GET() {
const sql = neon(process.env.DATABASE_URL);
const bids = await sql`SELECT * FROM bids WHERE status = 'open'`;
return Response.json(bids);
}
export async function POST(req) {
const sql = neon(process.env.DATABASE_URL);
const { project, amount } = await req.json();
const result = await sql`
INSERT INTO bids (project, amount, status)
VALUES (${project}, ${amount}, 'open')
RETURNING *`;
return Response.json(result[0], { status: 201 });
}
Eagle Group — Hybrid WordPress + Vercel
Eagle's core site stays on WordPress. The parts e-commerce store is a separate Next.js app on Vercel, served at parts.eaglegroup.com via a CNAME record. Both are managed under the Salud Capital GitHub org and Vercel account — one login controls everything.
Eagle DNS Setup
# Step 1 — Add in Eagle's domain registrar
CNAME parts → cname.vercel-dns.com
# Step 2 — Add domain in Vercel dashboard
# Project: eagle-parts → Settings → Domains
# Enter: parts.eaglegroup.com
# Vercel provisions SSL automatically
# Step 3 — Add link in WordPress nav menu
# Appearance → Menus → Custom Link
# URL: https://parts.eaglegroup.com | Label: Shop Parts
# Optional path-based route (eaglegroup.com/shop)
# Requires Vercel rewrite or Cloudflare proxy rule
04
IDE Extensions & Claude Code
Claude Code brings agentic AI into VS Code, JetBrains, and the terminal. Unlike chat-only tools, Claude Code can read/write files, run commands, manage Git, and execute tests autonomously.
Available Extensions
Extension
Details
Claude Code for VS Code
Install from VS Code Marketplace. Full workspace access — reads files, writes code, runs terminal.
Claude Code CLI
Run 'claude' from any terminal (PowerShell, bash, WSL). Install via npm. No IDE required.
Claude Code for JetBrains
Plugin via JetBrains Marketplace. PyCharm, IntelliJ — same agentic capabilities as VS Code.
Cursor IDE
VS Code fork with Claude models. Inline autocomplete, Composer for multi-file edits.
Cline (VS Code)
Open-source agentic coding with plan-then-act mode and full audit trail of every change.
CLI Setup (Windows PowerShell)
# Install Node.js first (nodejs.org), then:
npm install -g @anthropic-ai/claude-code
# Set API key
$env:ANTHROPIC_API_KEY = 'sk-ant-...'
# Persist across sessions — add to PowerShell profile:
notepad $PROFILE
# Add: $env:ANTHROPIC_API_KEY = 'sk-ant-...'
# Run in your project folder
cd C:\Projects\MyApp
claude
# One-shot task (no interaction)
claude "refactor auth.py to use async/await"
# Override token limit
claude --max-tokens 8000
What Claude Code Can Do That Chat Cannot
Read and edit any file in your workspace — not just pasted code snippets
Run terminal commands and read output in context, then iterate based on results
Create, move, rename, and delete files across the entire project
Run tests and automatically iterate on failures without manual intervention
Install packages (pip install, npm install) and resolve dependency issues
Work across multiple files in a single multi-step autonomous task
05
MCP Servers
Model Context Protocol (MCP) is an open standard that lets Claude connect to external services as tools. When connected, Claude can read data from and take actions in those services mid-conversation.
Available MCP Servers
Server
Claude Can...
Use Case
Gmail
Search, read threads, draft emails
Summarize emails, automate outreach and follow-ups
Gmail, Google Calendar, Vercel, Stripe, and Cloudflare Developer Platform MCP servers are active in this Claude session. Claude can use all of these right now in conversation.
End-to-end patterns for combining Claude, Neon, Vercel, MCP, and Claude Code to build real applications from conversation to production.
Workflow 1 — Internal Data App
Step
Action
1. Describe app
Tell Claude what it needs to do — fields, relationships, key views
2. Schema SQL
Claude generates CREATE TABLE statements — paste into Neon SQL console
3. Build app
Claude writes full Next.js project with pages, API routes, and fetch logic
4. Deploy
Push to GitHub, connect Vercel — live URL in under 60 seconds
Workflow 2 — Python Automation Pipeline
import smtplib, os
from sqlalchemy import create_engine, text
from email.mime.text import MIMEText
engine = create_engine(os.environ["DATABASE_URL"])
with engine.connect() as conn:
rows = conn.execute(text(
"SELECT project, amount FROM bids WHERE status='open' ORDER BY amount DESC"
)).fetchall()
body = "Open Bids Summary\n" + "\n".join(
f" {r.project}: ${r.amount:,.2f}" for r in rows
)
msg = MIMEText(body)
msg["Subject"] = f"Open Bids — {len(rows)} active"
msg["From"] = os.environ["SMTP_FROM"]
msg["To"] = os.environ["SMTP_TO"]
with smtplib.SMTP_SSL("smtp.gmail.com", 465) as smtp:
smtp.login(os.environ["SMTP_FROM"], os.environ["SMTP_PASS"])
smtp.send_message(msg)
Cost Reference
Service
Free Tier / Paid Starts At
Neon
0.5 GB free / Pro $19/mo (3 projects)
Vercel
100 GB bandwidth free / Pro $20/mo
Claude.ai
Limited free / Pro $20/mo (includes Claude Code)
GitHub
Unlimited repos free / Team $4/mo
Expo (mobile)
Free dev / $99/mo production builds
Clerk
10k MAU free / Pro from $25/mo
07
VS Code Extensions
A well-configured VS Code environment dramatically accelerates full-stack development. Install these in order — essentials first, then stack-specific tools.
Essential Extensions (Install First)
Extension
Publisher
Purpose
Claude Code
Anthropic
Agentic AI — reads files, runs terminal, manages Git. Your primary coding partner.
Prettier
Prettier
Auto-formats code on save. Configure once, forget forever.
ESLint
Microsoft
Real-time JS/TS linting. Catches errors before runtime.
GitLens
GitKraken
Inline Git blame, commit history, branch visualization inside VS Code.
Error Lens
Alexander
Highlights entire error lines with inline messages.
Thunder Client
Ranga Vadhineni
Lightweight REST API client built into VS Code — no Postman needed.
Better Comments
Aaron Bond
Color-coded TODOs, warnings, and highlights in comments.
Stack-Specific Extensions
Extension
Stack
Purpose
Tailwind CSS IntelliSense
Frontend
Autocomplete and hover previews for Tailwind utility classes.
ES7+ React Snippets
React/Next.js
Type 'rfce' to generate a full React component. Huge boilerplate reduction.
Python
Microsoft
Full Python language support: IntelliSense, debugging, virtual environments.
Pylance
Microsoft
Fast Python type checking and import resolution.
Prisma
Database
Syntax highlighting and autocomplete for Prisma schema files.
Docker
Microsoft
Manage containers and images inside VS Code.
Expo Tools
Expo
Snippets and QR code launching for React Native / Expo.
Claude.ai Plugins
Plugin
Function
Claude for Chrome
Browse the web with Claude — summarize pages, extract data, fill research tasks.
Claude for Excel
AI spreadsheet agent — build formulas, clean data, generate charts via natural language.
Claude for PowerPoint
Generate and edit slide decks from prompts inside PowerPoint.
Cowork (Desktop)
Desktop automation — manage files, folders, and multi-step OS tasks.
08
Frontend & UI Stack
The Salud Capital standard frontend stack: Next.js + Tailwind CSS + shadcn/ui for web, React Native + Expo for mobile. All integrate with Neon, Vercel, and Clerk.
Web Frontend Stack
Tool
Category
Why Use It
Next.js 15
Framework
Full-stack React with App Router, server components, API routes, Vercel-native deployment.
Tailwind CSS
Styling
Utility-first CSS — build any design without writing custom CSS.
shadcn/ui
Components
Copy-paste components on Radix UI + Tailwind. You own the code.
Framer Motion
Animation
Production-grade React animation for card reveals and page transitions.
TanStack Query
Data fetching
Server state management — caching, refetching, optimistic updates.
Zustand
State
Lightweight global state. Simpler than Redux for cart/auth/flow state.
TypeScript
Language
Type safety across the full stack. Claude generates better TS than raw JS.
Zod
Validation
Schema validation for API inputs and form data.
Mobile Stack (MJ Kids Yoga App)
Tool
Role
React Native
Cross-platform iOS/Android from one codebase. Shares logic with Next.js web app.
Expo SDK 52+
Managed workflow — no native code needed to start. OTA updates, EAS Build.
Expo Router
File-based navigation — same mental model as Next.js App Router.
React Native Reanimated
60fps gesture-driven animations for card drag-and-drop in the flow builder.
React Native Skia
GPU-accelerated 2D graphics for animated animal card art.
Lottie (React Native)
Play After Effects / JSON animations — lightweight animated characters.
Marketing assets, card templates, social graphics, curriculum printables.
v0 by Vercel
AI UI generation — describe a component and get production-ready shadcn/Tailwind code.
Storybook
Build and test UI components in isolation before integrating.
09
Backend, APIs & Auth
Salud Capital projects use a layered backend: Next.js API routes for web functions, FastAPI for Python-heavy pipelines, tRPC for type-safe internal APIs, and Clerk for authentication.
API & Backend Frameworks
Tool
Language
Best For
Next.js API Routes
TypeScript
Web endpoints, webhooks, Stripe callbacks, Neon queries — colocated with frontend.
Type-safe end-to-end APIs between Next.js frontend and backend — no REST schema needed.
Hono
TypeScript
Ultra-lightweight for Cloudflare Workers and Vercel Edge — sub-ms cold starts.
Prisma ORM
TypeScript
Type-safe database client for Neon Postgres. Auto-generates types from your schema.
Payments — Eagle Group (Standalone)
Eagle Group uses its own standalone Stripe account registered under Eagle's EIN and bank account. Never co-mingled with Salud Capital. Stripe's native QuickBooks Online integration auto-reconciles all invoices, payments, and refunds into Eagle's QB.
Eagle Stripe — Job Deposit Flow
Step
What Happens
Customer places parts order
Next.js checkout calls Eagle's Stripe → payment captured → order written to Neon
Stripe webhook fires
Vercel API route receives payment event → updates order status
QB sync
Stripe's native QB integration auto-creates invoice/payment record in Eagle's QuickBooks
Large deposit
Stripe Payment Link generated programmatically → emailed to customer → paid → logged to QB
Payments — Salud Capital + MJ Kids Yoga (Stripe Connect)
Salud Capital is the Stripe Connect platform account. MJ Kids Yoga migrates from its existing WooCommerce Stripe account to a connected sub-account. One login, one dashboard, fully separated revenue and payouts. Future portfolio companies slot in as additional connected accounts.
Stripe Connect — Code Pattern
// Charge on behalf of MJ Kids Yoga connected account
import Stripe from 'stripe';
const stripe = new Stripe(process.env.STRIPE_PLATFORM_SECRET_KEY);
const paymentIntent = await stripe.paymentIntents.create({
amount: 999, // $9.99 in cents
currency: 'usd',
application_fee_amount: 0, // Set non-zero if Salud takes a platform %
transfer_data: {
destination: process.env.MJ_YOGA_STRIPE_ACCOUNT_ID, // acct_xxx
},
});
WooCommerce → Stripe Connect Migration Steps
Step
How It Works
1. Create Connect account
Salud Capital creates platform. MJ Kids Yoga re-registered as connected account.
2. Export payment methods
Stripe API lists all Customer objects and PaymentMethod IDs from old account.
3. Clone customers
Python script re-creates each Customer in new connected account preserving metadata.
4. Migrate subscriptions
Recreate active subscriptions using migrated customer and payment method IDs.
5. Update webhooks
Point Next.js webhook endpoints to new connected account keys.
6. Retire old account
Once subscriptions confirmed active, deactivate old standalone account.
Authentication
Tool
When to Use
Clerk
Recommended for MJ Kids Yoga — COPPA compliant, parent-managed child accounts, React Native SDK.
NextAuth.js
Simpler apps with full control — OAuth providers, magic links, self-hosted.
Automation bots are Salud Capital's highest-leverage tools — they run 24/7, generate revenue passively, and scale without headcount. n8n is the recommended platform for AI-native workflows.
Workflow Automation Platforms
Platform
Best For
Pricing
n8n (recommended)
AI-native workflows with LLM decision-making, self-hosting, JS/Python code fallback
Persistent job queue with retries, delays, and priority — for high-volume bots.
Inngest
Event-driven background jobs with retries and step functions. Native Next.js + Vercel support.
11
AI Tools & Content Stack
Salud Capital projects use a layered AI stack: Claude for reasoning and code, specialized image/video models for creative content, voice AI for narration, and search-augmented agents for research.
AI music generation — original background music for yoga flow sessions.
AI Development Libraries
Library
Purpose
Anthropic SDK (Python/JS)
Official Claude API client — messages, tool use, streaming, batch processing.
Vercel AI SDK
Streaming Claude responses in Next.js — useChat, useCompletion hooks.
LangChain
Framework for chaining LLM calls, RAG pipelines, and agent orchestration.
LlamaIndex
Connect Claude to your Neon database, PDFs, and curriculum docs for Q&A.
12
Monitoring, DevOps & Testing
Production-ready Salud Capital projects need observability, CI/CD, and automated testing. These tools ensure bots run reliably, APIs stay healthy, and deployments never break silently.
Monitoring & Observability
Tool
Purpose
Vercel Analytics
Real-time web vitals and traffic — built into Vercel, zero config for Next.js.
Error tracking — captures exceptions with full stack traces across Next.js and Python.
Uptime Robot
Free uptime monitoring — alerts via Slack/email on any endpoint downtime.
BetterStack (Logtail)
Log management — structured logging from Next.js, Python pipelines, and n8n.
CI/CD & DevOps
Tool
Purpose
GitHub Actions
Free CI/CD — run tests, lint, build on every push. 2,000 free minutes/mo.
Docker
Containerize Python bots and APIs for consistent dev/staging/production environments.
Railway
Simple container deployment for FastAPI backends, n8n, and always-on Python bots.
Fly.io
Global container deployment with edge networking for latency-sensitive APIs.
Testing Tools
Tool
Language
Purpose
Playwright
Python / JS
End-to-end browser testing — simulate user flows in Next.js apps.
Vitest
TypeScript
Fast unit and integration testing for Next.js and React.
pytest
Python
Unit and integration tests for Python bots, FastAPI routes, and pipelines.
k6
JavaScript
Load testing — how your Neon + Vercel APIs hold up under traffic.
Master Tool Stack
Category
Primary
Backup
Code editor
VS Code + Claude Code
Cursor IDE
Frontend
Next.js 15
Astro (content sites)
Mobile
React Native + Expo
Flutter
Styling
Tailwind + shadcn/ui
CSS Modules
Database
Neon (Postgres)
Supabase
Deployment
Vercel
Railway
Auth
Clerk
NextAuth.js
Payments (Eagle)
Stripe standalone + QB
QuickBooks Payments
Payments (Salud/MJ)
Stripe Connect platform
LemonSqueezy
Automation
n8n (self-hosted)
Make.com
Browser bots
Playwright
Puppeteer
Image gen
Grok Aurora / Midjourney
Stable Diffusion
Video gen
Runway Gen-4
Kling / Pika
Voice AI
ElevenLabs
OpenAI TTS
Analytics
PostHog
Vercel Analytics
Error tracking
Sentry
BetterStack
Cron / jobs
GitHub Actions
Inngest
13
MJ Kids Yoga Platform
MJ Kids Yoga is a multi-platform content and education brand combining animated animal yoga videos, collectible trading cards, a kid-safe social app, and structured curriculum.
Four Product Pillars
Pillar
Description
Animated Video Content
Short-form animal yoga pose videos (YouTube, TikTok, Instagram Reels) — each animal teaches a pose tied to real-world traits
Animal Yoga Trading Cards
Physical and digital collectible cards with pose, special skill, weakness, and yoga benefit — modeled after real animal biology
Flow Builder App
Kid-safe mobile app — select animal cards, chain into flows, share with parents and friends
Curriculum Integration
Structured lesson plans, pose progressions, educator resources tying video, cards, and app into classroom/home practice
Animal Trading Card System
Animal
Yoga Pose / Skill
Real-World Mirror
Eagle
Warrior III — Balance Mastery (+3)
Eagles lock talons and soar; single-leg focus
Cat
Cat-Cow — Spinal Flex (+3)
Cats are hypermobile; weakness is sudden-start bursts (-1)
Crocodile
Sphinx — Core Lock (+4)
Crocs hold still for hours; weakness is lateral flex (-2)
Dolphin
Dolphin Pose — Breath Control (+3)
Dolphins breathe consciously; weakness is dry air (-2)
Tree Frog
Tree Pose — Grip & Balance (+2)
Toe pads allow vertical grip; weakness is cold (-1)
Bear
Child's Pose — Grounding (+3)
Bears hibernate; power comes from stillness and rest
Cheetah
High Lunge — Speed Burst (+4)
Cheetahs accelerate fast; weakness is endurance (-2)
Owl
Seated Twist — 270° Awareness (+3)
Owls rotate heads widely; weakness is daylight (-1)
Neon Database Schema
CREATE TABLE animals (
id SERIAL PRIMARY KEY,
name VARCHAR(100) NOT NULL,
habitat VARCHAR(100),
rarity VARCHAR(20) CHECK (rarity IN ('common','rare','epic','legendary')),
created_at TIMESTAMPTZ DEFAULT NOW()
);
CREATE TABLE yoga_cards (
id SERIAL PRIMARY KEY,
animal_id INT REFERENCES animals(id),
pose_name VARCHAR(150),
sanskrit_name VARCHAR(150),
skill_name VARCHAR(100),
skill_bonus INT,
weakness_name VARCHAR(100),
weakness_penalty INT,
real_world_fact TEXT,
yoga_benefit TEXT,
age_range VARCHAR(20), -- '4-6', '7-10', '10+'
difficulty INT CHECK (difficulty BETWEEN 1 AND 5),
image_url TEXT,
card_art_url TEXT,
video_url TEXT,
card_number VARCHAR(10) -- 'MJ-042'
);
CREATE TABLE flows (
id SERIAL PRIMARY KEY,
user_id INT REFERENCES users(id),
title VARCHAR(200),
is_public BOOLEAN DEFAULT FALSE,
share_code VARCHAR(12) UNIQUE,
created_at TIMESTAMPTZ DEFAULT NOW()
);
CREATE TABLE flow_cards (
id SERIAL PRIMARY KEY,
flow_id INT REFERENCES flows(id),
card_id INT REFERENCES yoga_cards(id),
position INT,
hold_secs INT DEFAULT 30
);
"Write a yoga trading card for a [Animal]. Include: pose name, Sanskrit name, a +3 skill tied to its real biology, a -1 weakness, a fun kid-friendly fact, and a yoga benefit. Under 60 words."
Video script
"Write a 75-second narrated video script for [Animal] teaching [Pose]. Include: a wow biology fact, pose steps, a skill name, a breathing cue, and a sharing prompt."
Social caption
"Write 5 Instagram caption variations for a new [Animal] card reveal. Include emojis, biology hook, CTA to download the app, and 10 hashtags."
Curriculum plan
"Create a 4-week ocean animals yoga curriculum for ages 6–8 with weekly themes, pose progressions, video assignments, and one take-home family flow per week."
Monetization Roadmap
Revenue Stream
Details
App subscription
$4.99/mo or $39.99/year per family — full card library, unlimited flows, sharing
Physical card sets
Starter decks (20 cards), expansion packs by habitat theme — print-on-demand via Printify
Curriculum licensing
Educator/studio license — $149/year includes all printables, video bundles, lesson plans
YouTube ad revenue
Long-form curriculum episodes monetized through AdSense
whatsmydns.net → enter domain → select record type
Critical Records to Never Touch
Record
Purpose
Risk if deleted
MX records
Email routing
Email stops working immediately
TXT v=spf1...
Email authentication (SPF)
Outbound email flagged as spam
TXT v=DMARC1...
Email spoofing protection
Email delivery issues
CNAME default._domainkey
Email signing (DKIM)
Email fails authentication
Microsoft bdm.microsoftonline NS
M365 domain control
Lose control of entire domain
Common DNS Pitfalls
Pitfall 1 — Wrong DNS panel: The registrar (Squarespace, GoDaddy) is often NOT the authoritative nameserver. Always run nslookup NS first.
Pitfall 2 — Doubled hostname: When adding TXT records, enter only the subdomain prefix (e.g. _github-pages-challenge-Org) — the DNS editor appends the domain automatically. Entering the full hostname causes it to double up and never resolve.
Pitfall 3 — Cloudflare proxy on GitHub Pages: GitHub Pages A records must be set to DNS only (gray cloud), not Proxied (orange cloud). Proxied breaks GitHub Pages serving.
Pitfall 4 — Case sensitivity: Some DNS editors lowercase record names. DNS lookups are case-insensitive so this is fine — but verify the record resolves with the lowercase name before assuming it's broken.
Pitfall 5 — TTL caching: After changing records, wait out the TTL before concluding changes didn't work. Query the authoritative nameserver directly to verify changes saved correctly before waiting for public propagation.
New Venture Launch Playbook — Components, Cost & Time
Strategic Vision: Every new company, product, or revenue-generating agent should be deployable from a standardized playbook. The goal is a fully automated agent with access to all Salud Capital knowledge assets, templates, and infrastructure components that can stand up and begin monetizing a new idea with minimal human intervention. This section is the foundation of that playbook.
Full Stack Launch Components
Component
Tool/Service
Monthly Cost
Setup Time
Notes
Domain registration
Squarespace / Google Domains
~$1.50/mo ($18/yr)
5 min
Use .com where possible
DNS management
Microsoft 365 / Cloudflare
Free
30 min
Always verify NS first
Static hosting (MVP)
GitHub Pages
Free
15 min
Public repo required
Production hosting
Vercel
Free–$20/mo
30 min
Next.js native, auto-deploy
Auth
Clerk
Free–$25/mo
2 hrs
Social + email + Web3
Database
Neon Postgres
Free–$19/mo
1 hr
Serverless, branching
Payments
Stripe Connect
2.9% + 30¢/txn
2 hrs
Sub-accounts per entity
Email
Microsoft 365
$22/user/mo (E5)
1 hr
Already running at Salud
Brand system
Figma / Claude
Free–$15/mo
2–4 hrs
Colors, fonts, logo
Research portal
GitHub Pages (static)
Free
4–8 hrs
Reuse Salud portal template
Investor portal
GitHub Pages + SHA-256
Free
2 hrs
Reuse Salud investor template
Document generation
Claude + docx npm
Free
1 hr/doc
Term sheets, briefs, specs
AI development
Claude API / Claude Code
Usage-based
Ongoing
Primary build tool
Analytics
Vercel Analytics
Free–$10/mo
15 min
Add one script tag
Image hosting
Cloudinary
Free–$89/mo
30 min
Transforms, CDN delivery
Blockchain (if needed)
Polygon / Alchemy
Free–$49/mo
Variable
ERC-4337, token deploy
MVP Launch Timeline (Static Site + Portal)
Phase
Tasks
Time
Cost
Day 1 — Foundation
Domain, GitHub repo, brand colors/fonts, homepage HTML
4–6 hrs
$18/yr domain
Day 1–2 — Content
Research articles, product spec, internal brief
4–8 hrs
Claude API usage
Day 2 — Portals
Research portal, investor portal, gated auth
4–6 hrs
Free
Day 2–3 — DNS
Identify NS, add A records, verify, HTTPS
1–4 hrs
Free
Day 3 — Polish
Projects page, admin panel, bug fixes, dark mode
2–4 hrs
Free
Total MVP
Static site, research + investor portals, custom domain, HTTPS
Beta testing, content, SEO, email flows, analytics
16–24 hrs
Week 4
Launch, monitoring, iteration, investor materials
8–16 hrs
Total Production
Full-stack app, auth, payments, DB, monitoring
3–4 weeks
Monthly Operating Cost by Stage
Stage
Stack
Monthly Cost
MVP / Pre-revenue
GitHub Pages + free tiers
~$1.50/mo
Early traction
Vercel Pro + Neon + Clerk free
~$40–60/mo
Growth
Full stack + Stripe revenue offset
~$100–200/mo
Scale
Enterprise tiers + dedicated infra
$500+/mo
Reusable Salud Capital Assets (Deploy in Minutes)
Asset
Location
Reuse Time
Homepage template
saludcap.github.io/salud/index.html
1–2 hrs to rebrand
Research portal
research/portal/index.html
2–3 hrs to populate
Investor portal + SHA-256 auth
investor/index.html
1 hr to configure
Admin panel
investor/admin.html
30 min to adapt
Projects page
projects.html
30 min to populate
Research article template
SC_Solana_Deep_Dive.html (canonical)
1–2 hrs per article
Internal brief template
salud-vault-internal-brief.html
2 hrs to adapt
Token/product spec template
saludcoin-token-spec-v2.html
4–8 hrs to adapt
Brand system
CSS vars in any Salud HTML file
15 min to swap colors/fonts
Dev manual
Salud_Capital_Platform_Dev_Manual.html
1 hr to update sections
Agent Launch Checklist
For a fully automated agent to stand up a new venture, it needs access to:
☐ Domain registrar credentials (Squarespace)
☐ GitHub org access (SaludCap)
☐ Microsoft 365 admin portal (for authoritative DNS)
☐ Cloudflare account (backup DNS, future CDN)
☐ Vercel account (production hosting)
☐ Clerk account (auth)
☐ Neon account (database)
☐ Stripe Connect platform account
☐ Anthropic API key (Claude for generation)
☐ Salud Capital brand system (colors, fonts, logo)
☐ All HTML templates from saludcap.github.io/salud/
☐ This dev manual + platform KB
With all of the above, a new revenue-generating web presence can be live in 48–72 hours from idea to indexed, HTTPS-secured, payment-ready site.
Security — GitHub, Platform & Operations
GitHub Repository Security
Setting
Where
Recommended Config
Repository visibility
Settings → General
Public for GitHub Pages sites; Private for internal tools
Branch protection
Settings → Branches → Add rule
Protect main: require PR reviews, no force push, require status checks
Secrets & variables
Settings → Secrets → Actions
Store all API keys here — never hardcode in files
Deploy keys
Settings → Deploy keys
Read-only keys for CI/CD pipelines only
2FA enforcement
Org Settings → Authentication security
Require 2FA for all org members
Dependabot alerts
Settings → Security → Dependabot
Enable alerts + auto security updates
Secret scanning
Settings → Security → Code security
Enable — alerts if API keys committed to repo
CODEOWNERS file
/.github/CODEOWNERS
Define who reviews PRs for each path
GitHub Actions Security
Never store credentials in workflow files. Use secrets.SECRET_NAME syntax. Limit workflow permissions to minimum required. Pin action versions with full SHA rather than tags to prevent supply chain attacks.
Practice
Implementation
Principle of least privilege
Set permissions: read-all at top, grant write only where needed
Pin third-party actions
Use actions/checkout@a81bbbf not @v3
Environment protection
Create production environment with required reviewers before deploy
Audit logs
Org Settings → Audit log — review monthly
Platform Security Settings
Platform
Key Security Settings
Priority
Vercel
Team SSO, environment variable encryption, preview deployment password protection, firewall rules for API routes
GitHub Pages serves static HTML — no server-side execution. Security is limited to:
• No secrets in HTML/JS — everything client-side is public. SHA-256 credential hashing is obscurity, not security.
• HTTPS enforced — always enable in GitHub Pages settings after DNS verification
• No sensitive data in repo — investor credentials, API keys, PII must never appear in committed files
• Content Security Policy — add CSP meta tag to prevent XSS
• Phase 1 upgrade path: Move auth to Clerk (Next.js + Vercel) — replaces SHA-256 hash pattern entirely
Credential Management
Type
Current Storage
Target (Phase 1)
Research portal credentials
SHA-256 hashed in HTML (client-side)
Clerk auth on Next.js/Vercel
Investor portal credentials
SHA-256 hashed in HTML (client-side)
Clerk + investor role gating
Admin panel access
SHA-256 hashed (client-side)
Clerk admin role + MFA
API keys (Claude, Stripe, etc.)
Vercel env vars / GitHub Secrets
Same — never change this
Database credentials
Neon connection string in env vars
Same — rotate quarterly
Tangem NFC hardware
EAL6+ secure element (hardware)
SIWE + Clerk Phase 2
Part III
Business Units
Salud Capital · MJ Kids Yoga (Movement Junkies) · Eagle Group — settings, stack, contacts, and active projects per entity
Business Unit Registry
Salud Capital LLC
Setting
Value
Legal entity
Salud Capital LLC
Primary domain
saludcap.com
Email domain
@saludcap.com (Microsoft 365 E5)
GitHub org
SaludCap
Primary repo
SaludCap/salud
Stripe role
Platform account (Connect)
DNS authority
Microsoft 365 (bdm.microsoftonline.com)
Hosting
GitHub Pages → saludcap.com
Brand colors
#3BBFBF teal · #091E28 navy · #E6BF42 gold
Brand fonts
DM Serif Display · Space Grotesk · DM Sans · Space Mono