Snapcn plugin for Grok Build
A shadcn registry of Remotion components for product demo videos. Install a text reveal, device frame, terminal session, logo sting or a whole scene with a command.
How to install Snapcn in Grok Build
1. Add this repo as a plugin marketplace in Grok Build (once per computer):
grok plugin marketplace add shadcn-labs/snapcn2. Install the plugin:
grok plugin install snapcn-mcp@shadcn-labs/snapcn --trustNeeds your own API key or sign-in to work fully. We check that it installs and loads, not your account.
Review before you trust it. --trust lets this plugin's hooks, MCP servers and scripts run code on your computer. It's a community repo that neither xAI nor GrokStacks has reviewed, so read its code first.
This repo's marketplace has 2 plugins; we checked snapcn, snapcn-mcp. Install another the same way: grok plugin install <name>@shadcn-labs/snapcn --trust (names under 'What it contains'). Then start a new Grok session, or press r in /plugins, to load it.
Inside Grok Build: type /plugins, open the Marketplace tab, press a and add shadcn-labs/snapcn, then select snapcn-mcp and press i.
Command format: Grok Build's plugin guide
Needs an API key. Its MCP server reads SNAPCN_API_KEY from your environment. Set it in your shell before you start Grok (for example export SNAPCN_API_KEY=…), or the server starts without credentials.
What we checked: on Oct 18, 2026 it installed with grok 1.0.62 and Grok found 7 skills. That's an install check only: we haven't run it in a live Grok session.
What it contains
Skills (7)
remotion-explainer-video— Make an explainer video in Remotion: a narrated 30–90s video that explains a product, feature, idea or process, with a voiceover and burned-in captions. Script → voiceover → word timings → one snapcn scene per beat → captions → render. Usesremotion-kinetic-typography— Make kinetic typography in Remotion: animated text, title cards, a headline reveal, rotating words, a highlighted phrase, a line that morphs into its payoff, or a run of bold statements. Uses snapcn's text components (@snapcn/text-reveal, tremotion-launch-video— Build a product launch video in Remotion from a brief: a launch film, feature announcement, version release, Product Hunt / X / LinkedIn promo or landing-page hero video. Composes snapcn's hand-tuned Remotion scenes (@snapcn/announce-title,remotion-logo-animation— Make a logo animation in Remotion: a logo reveal, logo sting, intro or outro bumper, brand reveal or end card for a video, launch or YouTube channel. Uses snapcn's hand-tuned Remotion logo scenes (@snapcn/logo-flicker, logo-assemble, logo-cremotion-motion-graphics— Make a short, design-led motion graphic in Remotion, where the motion is the message: kinetic typography, a title card, a stat count-up, a logo sting or brand reveal, a social-proof overlay, an image-gallery opener or burned-in captions. Usremotion-product-demo— Build a product demo video in Remotion from a real screen recording or screenshots: a SaaS walkthrough, feature demo, onboarding clip, CLI or developer-tool demo, AI app demo or App Store preview. Uses snapcn's Remotion components (@snapcn/snapcn— Build Remotion videos with snapcn — a shadcn registry of copy-paste animation components and timeline-driven UI primitives. Use when composing video scenes, adding text animations, transitions, backgrounds, UI blocks, brand/social cards, or
MCP servers (1)
snapcn— stdio server
Plugins in this marketplace (2)
snapcn— Agent skills that build Remotion videos from snapcn components: launch videos, product demos, motion graphics, kinetic type, logo animations and explainers.snapcn-mcp— The snapcn MCP server (snapcn Pro): search the registry, read every component's props and plan a video from a one-line brief. Needs SNAPCN_API_KEY.
About this listing
Snapcn is a community plugin on GitHub by shadcn-labs, written as a Claude Code plugin that Grok Build installs. We install-checked it in Grok; we haven't run it in a live session or reviewed its code. When we installed it, Grok found 7 skills, 1 MCP server, 2 plugins in this marketplaces. Its license is MIT. We checked commit 47ee435f17d8. It's one of 144 listings in the Design category on GrokStacks.
Stacks Weekly: every new Grok Build and Codex plugin, every Tuesday.
One short email for GrokStacks and CodexStacks readers, with each new plugin's install line and what it ships. Subscribe and get the free starter list: 20 Grok Build plugins worth installing first.
You'll get a confirmation email first. Unsubscribe anytime.
Snapcn FAQ
How do I install Snapcn in Grok Build?
Add the repo as a marketplace with grok plugin marketplace add shadcn-labs/snapcn, then run grok plugin install snapcn-mcp@shadcn-labs/snapcn --trust. This repo's marketplace has 2 plugins; we checked snapcn, snapcn-mcp. Install another the same way: grok plugin install <name>@shadcn-labs/snapcn --trust (names under 'What it contains'). Then start a new Grok session, or press r in /plugins, to load it.
Is Snapcn an official Grok Build plugin?
No. Snapcn is a community plugin on GitHub by shadcn-labs, not in xAI's official Grok Build marketplace. We checked that it installs and what Grok loads from it, but haven't run it in a live Grok session or reviewed its code.
What does Snapcn include?
According to what Grok loaded in our install check, Snapcn includes 7 skills, 1 MCP server, 2 plugins in this marketplaces: remotion-explainer-video, remotion-kinetic-typography, remotion-launch-video, remotion-logo-animation, remotion-motion-graphics, remotion-product-demo….
Details
- Type
- Plugin
- Category
- Design
- Source
- Community Claude Code plugin, installs in Grok
- License
- MIT
- Author
- shadcn-labs
- Version
- 1.0.0
- Keywords
- library, motion-design, remotion, remotion-video, shadcn, ui, video-generation, videos
- Source repo
- https://github.com/shadcn-labs/snapcn
- Checked commit
47ee435f17d8- Homepage
- https://snapcn.dev
- Checked by GrokStacks
- Install-checked in Grok Build on Oct 18, 2026; not run in a live session
Something wrong or missing? Submit or improve this listing. Marketplace listings also refresh automatically every night.
For maintainers: badge and embeds
Maintain Snapcn? Add the badge; it links to this page.
Markdown
[](https://grokstacks.com/p/snapcn/)HTML
<a href="https://grokstacks.com/p/snapcn/"><img src="https://grokstacks.com/badge.svg" alt="Listed on GrokStacks" width="164" height="28"></a>Embed card (static HTML and inline CSS, no JavaScript). Preview:
<a href="https://grokstacks.com/p/snapcn/" style="display:block;max-width:380px;box-sizing:border-box;padding:14px 16px;border:1px solid #2a2e3c;border-radius:12px;background:#0a0b0f;color:#e8eaf0;font:14px/1.45 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;text-decoration:none"><span style="display:block;font-size:16px;font-weight:700;color:#e8eaf0">Snapcn</span><span style="display:block;margin:2px 0 8px;font-size:12px;color:#9aa0b1">Community plugin for Grok Build · 7 skills, 1 MCP server, 2 plugins in this marketplaces</span><span style="display:block;margin:0 0 10px;color:#c9cdd8">A shadcn registry of Remotion components for product demo videos. Install a text reveal, device frame, terminal…</span><span style="font-size:12px;font-weight:600;color:#7c9cff">View on GrokStacks →</span></a>Markdown summary
**[Snapcn on GrokStacks](https://grokstacks.com/p/snapcn/)**: Community plugin for Grok Build with 7 skills, 1 MCP server, 2 plugins in this marketplaces. Install: `grok plugin install snapcn-mcp@shadcn-labs/snapcn --trust` (after `grok plugin marketplace add shadcn-labs/snapcn`)More on badges, embeds and keeping your listing up to date: GrokStacks for plugin authors.
Also in Design
3dicon
One prompt in, a looping animated 3D icon out — with real transparency. A Claude Code skill.
3dviz Pro Max
Agent skill for creative 3D visualization: turn an idea into a Three.js/Blender scene worth exploring. Claude Code + Codex plugin, 223 recipes, 440 knowledge records, 22 proved kits, 37 runnable studies.
Adobe Premiere Pro MCP
Adobe Premiere Pro MCP. Tools for AI-driven video editing via MCP, for Codex, Claude, and other MCP clients.
Agent Sprite Forge
Agent Skill for generating 2D sprite sheets and map, transparent PNG frames, and animated GIFs from prompts.
Agent Storyboard
本地优先的 Agent 视频分镜工作台：让 Codex、Claude Code 通过 MCP 写分镜、生成图片/视频素材和配音，并自动回填。Local-first storyboard workbench for AI agents (Codex, Claude Code).
AI Business Skills
138 bilingual AI marketing skills (69 VN + 69 Global) for Claude Code, OpenCode, Codex, VS Code. Four role SOP packs — content, design, performance, leader ops — plus strategy, personal brand, AI avatar, dropshipping, design master, knowledge library. 4 regions (US/EU/SEA/LATAM) + Vietnam 2025-2026. Companion: opa-kit.