gtm

Generate on-page animations for React/Next.js marketing sites using a CSS-first, Motion-surgical approach. Use when creating entrance animations, scroll-triggered reveals, product demos, interactive components, hero sections, or any animated UI element. Also use when asked to add animation, motion, or transitions to a page or component. Triggers on "animate", "animation", "add motion", "scroll animation", "hero animation", "product demo animation", "entrance effect", "fade in", "parallax".

Browser automation for GTM workflows — Chrome extension (user's authenticated session) as primary, Playwright as fallback. Two engines: (1) Claude in Chrome extension for acting inside the user's logged-in browser (SaaS apps, cookie-based workflows, user's extensions/state), (2) Playwright for headless scripted automation, testing, screenshots, CI/CD. Triggers on browser automation, web page interaction, form filling, scraping, testing web UIs, frontend debugging (console/network/DOM), automating browser-based workflows, tasks on behalf of user in browser, web services without APIs, playwright, browser test, screenshot, test the page.

Generate cold emails for B2B personas. Use when asked to write cold outreach, sales emails, or prospect messaging. Supports 19 persona archetypes (Founder-CEO, CTO, VP Engineering, CIO, CPO, Product Directors, VP CX, Head of Support, Support Ops, DevRel, Head of Docs, Technical Writer, Head of Community, VP Growth, Head of AI, etc.). Can generate first-touch and follow-up emails. When a LinkedIn profile URL is provided, uses Crustdata MCP to enrich prospect data (name, title, company, career history, recent posts) for deep personalization.

Analyze a company's visual design language across all marketing asset types — blog covers, changelogs, integrations, customer stories, testimonials, logo walls, stat cards, landing pages, and product UI presentation. Produces a structured evidence file with measured proportions, design system observations, and quality ratings. Use when asked to study, benchmark, or analyze another company's design, brand identity, or marketing graphics.

Create branded Google Slides presentations using Figma brand assets and Google Slides MCP. Use when asked to create a deck, presentation, pitch, or slides. Supports customer decks, sales presentations, internal updates, and product overviews. Pulls brand tokens (colors, typography, layouts) from Figma and creates slides in Google Slides. Requires figma and google-slides MCP servers.

Creates Remotion videos matching Inkeep's brand identity, design system, and animation language. Use when creating marketing videos, product demos, social content, motion graphics, or any video that must match inkeep.com's visual style. Provides exact colors, easing curves, typography, and reusable components.

Best practices for Remotion - Video creation in React

2 hooks across 2 events