Communitygithub.com

eddiebelaval/squire

Remotion(基于 React 的视频创建)的最佳实践

squire 是什么?

该技能为使用 Remotion 框架进行视频创作的开发者提供了全面的最佳实践指南。Remotion 允许使用 React 组件编程生成视频,本技能涵盖了从基础动画、3D 渲染到字幕处理、图表可视化等所有核心领域。它集成了数十个详细规则文件,每个规则都针对特定功能(如音视频处理、字体加载、时间轴控制)提供了代码示例和最佳实践。支持的平台包括任何能够运行 Remotion 的 Node.js 环境(如 CLI、CI/CD 管道),以及常用的 AI 编码助手(如 Claude Code、Cursor 等)。通过本技能,AI 代理可以精确理解 Remotion 的 API 和工作流,从而帮助用户更高效地构建动态、复杂的视频项目。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/eddiebelaval/squire/tree/HEAD/skills/remotion

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

核心工作流

工作流 1:主要操作

  1. 分析输入与上下文
  2. 验证前置条件是否满足
  3. 执行核心操作
  4. 验证输出是否符合预期
  5. 报告结果

适用场景

处理 Remotion 代码以获得领域特定知识时,请使用本技能。

使用方法

阅读各个规则文件以获得详细说明和代码示例:

Individual skills in this repo

This repo contains 4 individual skills — each has its own dedicated page.

eddiebelaval/squire

The ultimate landing page builder. Through a conversational interview, autonomously produces a complete, deployable Next.js landing page with TypeScript, Tailwind CSS, SEO metadata, JSON-LD structured data, and conversion-optimized copy. Consolidates intelligence from landing-page-designer, copywriting, page-cro, form-cro, schema-markup, seo-audit, layout-designer, ab-test-designer, and more. Use when the user says "build a landing page," "create a landing page," "I need a landing page for," or "build me a page for [product]." For optimizing an EXISTING landing page, use landing-page-optimizer or page-cro instead.

eddiebelaval/squire

Optimize landing pages for maximum conversion through copy, design, and UX improvements

eddiebelaval/squire

When the user wants to plan a product launch, feature announcement, or release strategy. Also use when the user mentions 'launch,' 'Product Hunt,' 'feature release,' 'announcement,' 'go-to-market,' 'beta launch,' 'early access,' 'waitlist,' or 'product update.' This skill covers phased launches, channel strategy, and ongoing launch momentum.

eddiebelaval/squire

When the user wants to optimize signup, registration, account creation, or trial activation flows. Also use when the user mentions "signup conversions," "registration friction," "signup form optimization," "free trial signup," "reduce signup dropoff," or "account creation flow." For post-signup onboarding, see onboarding-cro. For lead capture forms (not account creation), see form-cro.

相关技能