remotion-best-practices
面向 Remotion(React 视频创作框架)的最佳实践技能,在开发 Remotion 代码时提供领域知识。涵盖字幕、FFmpeg、音频可视化等专题规则,以及 3D、动画、资源导入、合成、图表、字体、转场、旁白等细分文档。
找到适合任务的 Agent Skill,阅读介绍并复制安装命令。
更新于 10-31 00:15
11,329 个结果
面向 Remotion(React 视频创作框架)的最佳实践技能,在开发 Remotion 代码时提供领域知识。涵盖字幕、FFmpeg、音频可视化等专题规则,以及 3D、动画、资源导入、合成、图表、字体、转场、旁白等细分文档。
一份关于 CSS 容器查询(Container Queries)的实践指南,讲解如何让组件根据容器尺寸而非视口尺寸自适应,并给出原生 CSS 与 Tailwind CSS 的实现方式、常见写法、审查与测试要点及浏览器支持情况。
QR Code Builder 是一个用于生成二维码的技能,只需提供网址即可创建标准二维码,也支持自定义外观(形状、眼睛样式、品牌色、Logo、说明文字、外框、格式与尺寸),并可批量从 CSV 生成。
用于按 Microsoft Foundry NextGen 设计系统构建前端界面的技能,基于 Vite + React + pnpm,提供深色中性灰配色与紫色强调色的设计令牌、组件与页面模式规范,适用于仪表盘、智能体构建器等界面。
Reactor 的异步数据方案,提供 UseResource(单次读取)、UseMutation(写入与乐观更新)、UseInfiniteResource(游标分页)和 Pending(子树加载兜底)等钩子,自动管理取消令牌、去重、缓存与卸载后丢弃迟到结果。
用于构建与检查 Microsoft UI Reactor 应用的技能:以 mur check 作为构建入口,输出结构化诊断并附带技能指引与改名建议,帮助在编辑后快速验证编译结果。
Reactor Charts 是 Microsoft UI Reactor 中位于 Reactor.D3.Charts 的图表与数据可视化技能,为 AI 智能体提供图表选型规则、图表 DSL、*View 扩展点以及默认开启的无障碍与准确性准则。
Reactor 命令(Commanding)技能:用于在菜单、工具栏、上下文菜单等多处复用同一动作,支持键盘快捷键与 CanExecute 禁用逻辑。提供 Command、StandardCommand、UseCommand、CommandHost 及 ICommand 互操作等能力。
面向 Reactor(WinUI 3 的 C# 函数式 UI 框架)的 Windows 11 设计规范技能,用于编写、审查和修复 Reactor UI 代码,涵盖主题令牌、高对比度、排版、4px 网格、亚克力表面与无障碍等规则。
Reactor Devtools 是微软 UI Reactor 的调试工具,通过 mur devtools 命令行驱动运行中的 Debug 版应用:截图、查看可视化树、点击/输入/滚动、读取 Hook 状态与日志,用于诊断界面与状态问题。
Microsoft UI Reactor 的停靠窗口技能,提供 DockManager、DockSplit、DockTabGroup、Document、ToolWindow 等 API,支持拖拽浮动、重新停靠、侧边固定与布局持久化,适合构建 IDE 或 Office 形态应用。
Microsoft UI Reactor 的完整公开 API 签名索引技能,指向 references/reactor.api.txt(约 70K tokens、6.3K 行),覆盖全部公开工厂、修饰符、Hook、主题令牌与枚举,并附键控列表与元素引用两个专题参考。
Reactor 表单与验证方案:采用受控输入模式,每个输入由 (value, setter) 驱动,无双向绑定;通过 UseValidationContext 与 .Validate() 修饰符叠加声明式验证,并提供 FormField、内置验证器、MaskEngine 掩码与 InputFormatter 格式化。
微软 UI Reactor 的入门技能,面向有 React 经验的 C# 开发者,讲解 React 到 Reactor 的心智模型、组件与 Hook 写法、常用工厂方法、项目脚手架与构建检查等基础内容。
Reactor 的输入与手势模块,通过 .On* 修饰符统一处理指针、点击、键盘、焦点、拖放及 Pan/Pinch/Rotate 等手势,附加处理器时自动启用底层 WinUI 标志,无需手动设置。
Reactor 的栈式导航方案,提供类型安全路由、UseNavigation 句柄、NavigationHost 渲染、NavigationView 侧边栏、TabView 标签页、页面生命周期、转场、深链接、缓存与状态序列化等能力。
微软 UI Reactor 的即用型单文件配方集,按意图索引,涵盖列表增删切换、侧边栏导航、表单校验、异步数据加载、主题卡片与 Canvas 定位等,直接复制到项目即可使用。
微软 UI Reactor 的顶层窗口技能,涵盖 WindowSpec、OpenWindow、可拖动窗口、无边框与工具窗口、位置持久化、任务栏可见性、Z 序、标题栏、图标、背景材质、多显示器与原生文件选择器等窗口化能力。
Reactor 的控件包装源生成器技能:用注解的 partial record 把任意 WinUI 控件(第三方、Windows Community Toolkit 或自定义 Control)转为一等声明式 Reactor 元素,自动生成 init 属性、ControlDescriptor、注册与工厂方法,无需手写包装器。
面向大型 React 项目的整洁架构原则与规则集,涵盖组件层级设计、目录组织、状态选型、组合模式、自定义 Hook、Feature-Sliced Design 边界、命名与导入规范、测试策略等,并给出 15 条强制规则与决策表。
用于创建 React Flow 自定义节点组件的技能,提供 TypeScript 类型、Handle 连接点与 Zustand 状态集成模板,适合在 React Flow 画布中构建自定义节点。
针对 React/Fluent UI Webview 的无障碍检测与修复技能,用于审查屏幕阅读器兼容性,处理 ARIA 标签、工具提示、焦点管理与状态播报等问题。
为 GitHub 议题或拉取请求添加表情回应的技能,通过 gh api 调用 reactions 接口实现,支持 👍👎😄😕❤️🎉🚀👀 八种回应。
在基于 Vite 的项目中安装并集成 Component Explorer 的技能,含依赖安装、Vite 插件配置、CLI 配置文件、VS Code MCP 服务与任务启动配置等步骤。需 Node.js >= 22。