aether-motion
v1.0.0
Published
Zero-Cost Motion Graphics for React Components - AI-powered video generation pipeline
Maintainers
Readme
🛸 Aether-Motion AIOS
Kernel de Vídeo Programático — Transforme código-fonte em demos técnicos animados automaticamente.
🎯 O Que é Aether-Motion?
Aether-Motion é um sistema AI-orchestrado que analisa seu código-fonte e gera vídeos de demonstração técnica profissionais em minutos — não horas.
Antes (Manual)
- ⏱️ 5 horas gravando tela
- 💰 $500-2000 contratando motion designer
- 🔧 Aprendendo After Effects/Premiere
- 😓 Repetir para cada release
Depois (Aether-Motion)
- ⚡ 3 minutos executando CLI
- 🎬 Vídeo 1080p 60fps pronto
- 🤖 Qualidade consistente (IA-powered)
- 🔄 Regenere quando código mudar
✨ Features
🤖 3 Agentes Especializados
- Scriptwriter: Analisa código e cria roteiro de 40s (9 cenas)
- UI Cloner: Converte React components em versões Remotion-ready
- Motion Physicist: Implementa animações com spring physics (60fps)
📦 Tech Stack de Primeira
- Claude 4.6 Opus (análise de código)
- Remotion 4.x (rendering programático)
- React + TypeScript (componentes)
- Turborepo (monorepo otimizado)
⚡ Performance
- Local: 3-6 minutos por vídeo
- Lambda (AWS): 1-3 minutos por vídeo
- Custo: $0.08-0.80 por vídeo
🚀 Quick Start
⚡ One-Command Installation
npx aether-motion@latest installDone! The installer automatically:
- ✅ Installs npm dependencies
- ✅ Installs FFmpeg (if missing)
- ✅ Installs 3 Claude Code agents globally (
~/.claude/commands/) - ✅ Sets up project directories
- ✅ Verifies Remotion configuration
Full installation guide: README-INSTALL.md
🎬 Usage Pipeline
Pré-requisitos
node --version # >= 20.0.0
pnpm --version # >= 9.0.0Instalação
# 1. Clone (ou baixe este template)
git clone https://github.com/your-org/aether-motion.git
cd aether-motion
# 2. Instalar dependências
pnpm install
# 3. Configurar ambiente
cp .env.example .env.local
# Edite .env.local e adicione sua ANTHROPIC_API_KEY
# 4. Build
pnpm run buildUso Básico
# Gerar vídeo de um diretório
pnpm run cli generate ./my-app/src --output demo.mp4
# Gerar vídeo de um componente específico
pnpm run cli generate ./Button.tsx --scenes 3 --output button.mp4📁 Estrutura do Projeto
aether-motion/
├── packages/
│ ├── kernel/ # Orquestrador central
│ ├── scriptwriter/ # Agent 1: Script generation
│ ├── ui-cloner/ # Agent 2: Component cloning
│ ├── motion-physicist/ # Agent 3: Animation engine
│ ├── cli/ # Command-line interface
│ └── shared/ # Tipos compartilhados
│
├── docs/
│ ├── analysis/ # Análise de viabilidade
│ ├── architecture/ # Documentação técnica
│ └── guides/ # Guias de uso
│
├── .aios/ # Configuração AIOS
│ ├── kernel_config.md
│ └── agents/
│
└── remotion/ # Output: vídeos renderizados📖 Documentação
- Arquitetura Completa — Deep dive técnico (100+ páginas)
- Análise de Viabilidade — Análise de mercado, stack, roadmap
- Getting Started — Setup passo a passo (30 min)
- Agent Prompts — Prompt engineering para cada agente
🛠️ Status de Desenvolvimento
✅ Fase 0: Validation (Completo)
- [x] Análise profunda de viabilidade (850+ linhas)
- [x] Arquitetura técnica definida
- [x] Stack tecnológica selecionada
🔄 Fase 1: Foundation (In Progress)
[ ] Sprint 1: Scriptwriter Agent (Semanas 3-4)
- [ ] AETHER-001: CLI básico
- [ ] AETHER-002: Claude API integration
- [ ] AETHER-003: Component parser (AST)
- [ ] AETHER-004: Storyboard generator
[ ] Sprint 2: UI Cloner Agent (Semanas 5-6)
- [ ] AETHER-005: Component serializer
- [ ] AETHER-006: Puppeteer integration
- [ ] AETHER-007: Remotion code gen
- [ ] AETHER-008: Snapshot state manager
⏳ Fase 2: Animation Engine (Semanas 7-10)
- [ ] Sprint 3: Core Animations
- [ ] Sprint 4: Scene Templates
⏳ Fase 3: Production Ready (Semanas 11-14)
- [ ] Infrastructure (Lambda, Storage, DB)
- [ ] Quality & Monitoring
⏳ Fase 4: GTM (Semanas 15-18)
- [ ] Dashboard (Next.js)
- [ ] Billing (Stripe)
- [ ] Product Hunt launch
💰 Pricing (Proposto)
| Tier | Price | Vídeos/mês | Features | |------|-------|-----------|----------| | Free | $0 | 5 | Watermark, local rendering | | Pro | $49/mês | 50 | Sem watermark, Lambda, custom templates | | Team | $199/mês | Unlimited | API access, white-label, priority support |
🤝 Contribuindo
Este é um projeto em desenvolvimento ativo. Contribuições são bem-vindas!
Desenvolvimento Local
# Instalar
pnpm install
# Desenvolver (watch mode)
pnpm run dev
# Testar
pnpm run test
# Lint
pnpm run lintWorkflow
- Fork o repositório
- Crie uma branch (
git checkout -b feature/amazing-feature) - Commit suas mudanças (
git commit -m 'Add amazing feature') - Push para a branch (
git push origin feature/amazing-feature) - Abra um Pull Request
📊 Métricas de Sucesso (12 meses)
| Métrica | Target | |---------|--------| | Usuários ativos mensais | 2,000 | | MRR | $30,000 | | NPS | >50 | | UI clone success rate | >75% | | Avg render time | <4min |
🙏 Acknowledgments
- Remotion — Framework incrível para vídeo programático
- Anthropic — Claude 4.6 para análise de código
- Synkra AIOS — Framework de agentes colaborativos
📝 License
MIT License - veja LICENSE para detalhes.
📬 Contato
- GitHub Issues: github.com/your-org/aether-motion/issues
- Email: [email protected]
- Website: aether-motion.com (em breve)
Feito com 🛸 por Synkra AIOS
— Transformando código em cinema desde 2026
