remotion-video-pro

Complete Remotion skill set for programmatic video production. Covers scaffolding, animation physics, temporal design, audio sync, anti-slop aesthetics, performance optimization, CI/CD rendering pipelines, webhook-driven data video, batch rendering at scale, and composition validation. Use when building ANY Remotion video — from single social clips to Lambda-rendered personalized video at 10,000+ units. No external skill dependencies required.

Complete Remotion skill set for programmatic video production. Covers scaffolding, animation physics, temporal design, audio sync, anti-slop aesthetics, performance optimization, CI/CD rendering pipelines, webhook-driven data video, batch rendering at scale, and composition validation. Use when building ANY Remotion video — from single social clips to Lambda-rendered personalized video at 10,000+ units. No external skill dependencies required.

Use this skill when you need to control a Chrome browser via CDP (Chrome DevTools Protocol) to reuse existing login sessions. Covers: launching Chrome in debug mode, opening URLs, waiting for page load, evaluating JavaScript, taking snapshots, and extracting auth tokens. Trigger phrases: browser automation, CDP, agent-browser, 浏览器操作, 操作浏览器, Chrome CDP, 复用登录态, extract token from browser.

Extract clean markdown from any URL, including JavaScript-rendered SPAs. Use this skill whenever the user provides a URL and wants its content, says "scrape", "grab", "fetch", "pull", "get the page", "extract from this URL", or "read this webpage". Handles JS-rendered pages, multiple concurrent URLs, and returns LLM-optimized markdown. Use this instead of WebFetch for any webpage content extraction.

Technical foundation for Remotion programmatic video. Covers scaffolding, animation physics (interpolate, spring, measureSpring), performance optimization, async asset loading, and rendering pipelines. Use when building or debugging Remotion compositions, optimizing render speed, or setting up CI/CD/Lambda. Does NOT cover visual design or aesthetics — load remotion-design for that.

Visual design system for Remotion video. Covers anti-slop aesthetics, typography for motion, color palettes, safe areas, temporal design thinking, and audio-sync visual pacing. Use when deciding how a video should LOOK and FEEL. Does NOT cover React component structure or animation math — load remotion-core for that.

Defines specialized agent personas and roles for sub-agent delegation, including Architect, Developer, Designer, Analyst, Reviewer, and DevOps agents with expertise scopes, activation triggers, output formats, collaboration protocols, and inter-role handoff procedures.

Distinctive, production-grade frontend interfaces that reject generic AI aesthetics. Use when building bold, memorable UI components, pages, or applications. Guides design thinking before coding — establish aesthetic direction (brutalist, maximalist, retro-futuristic, luxury, playful, etc.), typography, color theming, motion, spatial composition, and textural details. Generates working functional code (HTML/CSS/JS, React, Next.js, Vue) that matches implementation complexity to aesthetic vision. Explicitly avoids generic patterns — overused fonts, cliched color schemes, predictable layouts.

Comprehensive system auditing and analysis for AI agent skill ecosystems, including coverage analysis, performance profiling, dependency mapping, and bottleneck detection.

Self-improving browser automation via the auto-research loop. Iteratively runs a browsing task, reads the trace, and improves the navigation skill (strategy.md) until it reliably passes. Supports parallel runs across multiple tasks using sub-agents. Use when you want to build or improve browser automation skills for specific website tasks.

Searches for, analyzes, and references code patterns and solutions. Covers library evaluation, code archaeology, solution validation, and structured code search strategies.

Provides systematic debugging and problem diagnosis including error classification, root cause analysis, log interpretation, performance profiling, and structured diagnostic workflows.

Rethinking + Innovation Framework for Website Design, Layout & Experience. Use when the user needs website design, landing pages, UI/UX strategy, visual systems, interaction choreography, or experience narrative design. Covers psychology-first design architecture, 7-layer design stack, industry-specific secret sauce, spatial composition, interaction choreography, and innovation signature. Activates for any web design task — from single-page landing sites to full SaaS dashboards to e-commerce experiences.

Conducts deep research on features, technologies, and implementation approaches. Provides feasibility analysis, technology landscape mapping, competitive analysis, and build-vs-buy decision frameworks.

Comprehensive GitHub workflow and operations skill covering git conventions, GitHub Actions CI/CD, repository management, code review processes, release management, collaboration features, and security best practices.

Provides adversarial review and stress-testing of ideas, code, and decisions. Includes devil's advocate analysis, edge case probing, architecture critique, and pre-mortem analysis frameworks.

Transforms AI-generated content to feel natural and human, with pattern detection, tone calibration, voice consistency, and industry-specific adaptation strategies.

Generate publication-ready infographics from content. Use when transforming data, articles, reports, or concepts into visual infographic format. Covers 21 layout patterns across 20 visual styles, automated layout and style recommendations, multilingual support, and multiple aspect ratios. Suitable for marketing materials, data reports, social media, educational content, and business presentations.

Cross-session memory persistence for AI agents, providing structured storage, retrieval, consolidation, and privacy controls for long-term agent memory.

Converts passive agents into autonomous, self-improving partners. Use when building long-lived agent systems that need initiative, self-correction, and autonomous operation. Covers write-ahead logging, working buffer management, compaction recovery, reverse prompting, proactive check-ins, autonomous cron scheduling, and ADL/VFM guardrails. Enables agents to anticipate needs rather than waiting for instructions.

Unified skill ecosystem for Remotion programmatic video production at scale. Orchestrates 91 skills across 10 categories: core video rendering, data ingestion, browser automation, AI intelligence, content design, monitoring, marketing strategy, devops deployment, document output, and agent systems. Use when building end-to-end video pipelines that combine data sourcing, AI generation, rendering, A/B testing, deployment, and monitoring into a cohesive production system.

Structured learning and error logging system for agents that get better over time. Use when implementing continuous improvement loops, error correction, or agent learning systems. Covers LRN/ERR/FEAT entry format, .learnings directory management, priority/status tracking, metadata tagging, and promotion workflow to integrate learnings into CLAUDE.md/AGENTS.md. Enables agents to detect failure patterns and autonomously promote fixes.

Setup Sentry AI Agent Monitoring in any project. Use when asked to monitor LLM calls, track AI agents, track conversations, or instrument OpenAI/Anthropic/Vercel AI/LangChain/Google GenAI/Pydantic AI. Detects installed AI SDKs and configures appropriate integrations.

Central orchestration meta-skill that routes user requests to the correct skill(s), manages multi-skill combination pipelines, detects conflicts, and maintains session-aware skill state across the entire skill ecosystem.

System prompt versioning, synchronization, testing, and optimization for AI agents, ensuring consistent behavior and continuous prompt improvement.

Comprehensive Vercel platform skill covering deployment configuration, Edge Functions, AI SDK integration, Next.js best practices, performance optimization, monorepo support, environment management, analytics, and CDN caching strategies.