Files
hermes-mcp/videos/remotion-demo/README.md
Garfield a5e4c55885 feat(saas): full SquareMCP SaaS platform v1
- JWT auth with bcrypt password hashing, cookie sessions, forgot/reset password
- Per-user encrypted credential storage (Redis + AES-256-GCM) for all 9 platforms
- Usage tracking with monthly limits per plan (free/starter/growth/enterprise)
- Invoice generation and retrieval (admin + user views)
- Admin panel with customer listing (role-based access)
- Web app UI at app.squaremcp.com — login, dashboard, connections, usage, invoices
- Unified auth middleware: API key, OAuth Bearer, and JWT cookie support
- Facebook Graph API fixes: published_posts endpoint, photo/video post support
- TikTok sandbox compliance: SELF_ONLY privacy for unaudited apps
- URL verification files for TikTok app review
2026-05-13 08:42:33 -04:00

2.0 KiB

SquareMCP Remotion Workflow

This directory is the canonical video-production workspace for SquareMCP marketing assets inside the hermes-mcp repo.

What lives here

  • SquareMCPLinkedIn: 90-second 1080x1080 explainer
  • SquareMCPHeroLoop: 30-second 1920x1080 seamless site hero loop
  • SquareMCPTikTokFull: 30-second 1080x1920 short-form vertical launch video
  • SquareMCPTikTokHook, SquareMCPTikTokProblem, SquareMCPTikTokDemo, SquareMCPTikTokProof, SquareMCPTikTokCTA: standalone cutdowns for platform testing

Install

cd videos/remotion-demo
npm install

Preview in Studio

cd videos/remotion-demo
npm run dev

Remotion Studio will open on http://localhost:3000.

Render Commands

Full LinkedIn video:

cd videos/remotion-demo
npx remotion render src/index.ts SquareMCPLinkedIn out/squaremcp-linkedin.mp4

Full site hero loop:

cd videos/remotion-demo
npx remotion render src/index.ts SquareMCPHeroLoop out/squaremcp-hero-loop.mp4

Full TikTok video:

cd videos/remotion-demo
npx remotion render src/index.ts SquareMCPTikTokFull out/squaremcp-tiktok-full.mp4

TikTok cutdowns:

cd videos/remotion-demo
npx remotion render src/index.ts SquareMCPTikTokHook out/squaremcp-tiktok-hook.mp4
npx remotion render src/index.ts SquareMCPTikTokProblem out/squaremcp-tiktok-problem.mp4
npx remotion render src/index.ts SquareMCPTikTokDemo out/squaremcp-tiktok-demo.mp4
npx remotion render src/index.ts SquareMCPTikTokProof out/squaremcp-tiktok-proof.mp4
npx remotion render src/index.ts SquareMCPTikTokCTA out/squaremcp-tiktok-cta.mp4

Project conventions

  • Keep assets brand-aligned with src/styles.ts
  • Put reusable animations in dedicated scene files under src/scenes/
  • Render outputs to out/; the repo already ignores that directory
  • Do not mention Remotion in public-facing social copy

Notes

  • Logo source for video work lives in public/squaremcp-logo.svg
  • The May 11 notes in the synced vault describe the original LinkedIn and hero-loop workflow