无需学习多个平台即可创建专业 AI 图像。通过统一的 CLI 界面访问 FLUX、Gemini、Grok、Seedream 和 Reve。

以编程方式将 React 和 Remotion TSX 代码转换为 MP4 视频。非常适合希望通过代码生成动画、动态图形和数据驱动视频的开发者。

使用 Remotion 将 React TSX 代码转换为专业的 MP4 视频。为开发者、内容创作者和自动化工作流提供程序化视频生成服务。

在文档和代码示例中搜索动画React组件需要数小时。此技能让您即时访问ReactBits.dev上的135+个生产就绪的动画组件，并提供可复制粘贴的源代码。

Creating consistent AI-generated images and videos with your identity requires a model that recognizes your face. This skill trains a Soul Character on your photos so Higgsfield can generate content that faithfully reproduces your appearance across scenes and styles.

专业产品摄影需要昂贵的影棚、设备和摄影师。本技能通过使用 higgsfield CLI 的 AI 驱动提示词增强功能，创建品牌级产品图片、生活场景和营销创意素材。

Creating compliant marketplace product images requires following platform-specific rules for size, content, and style. This skill generates main images, secondary product shots, and A+ brand content modules that meet marketplace requirements using the Higgsfield AI platform.

营销人员和创作者需要快速、一致的视觉内容制作，而无需复杂的设计工具。本技能通过简单的文本命令，连接30多种Higgsfield AI模型，生成图像、视频、品牌广告和营销内容。

Lottie animation files do not work directly in HyperFrames video compositions because the player objects need deterministic seeking. This skill provides adapter patterns to register lottie-web and dotLottie players so HyperFrames can render them frame-accurately.

创建视频动画需要学习专业的视频制作软件和复杂的渲染流程。HyperFrames让您能够通过编写HTML来定义视频合成，使用GSAP进行动画制作，并渲染出带有字幕、转场和音频的专业级视频。

为视频合成编写 GSAP 动画需要精确的时序控制和确定性执行。本技能提供全面的 GSAP 文档和可直接使用的 HyperFrames 特效，让你无需翻阅多个资源即可创建流畅、专业的动画。

CSS animations in video rendering break during seeking because they lack deterministic state management. This skill provides adapter patterns for writing CSS keyframe animations that seek reliably in HyperFrames previews and renders.

Writing Anime.js animations for video rendering requires deterministic, seek-driven instances. This skill provides the patterns and validation steps needed to make any Anime.js animation render-safe inside HyperFrames compositions.

设计团队花费数小时手动创建 UI 模型图。Stitch Design 技能可自动化从文本描述生成高保真屏幕，同时保持设计系统的一致性。

团队需要快速、一致的应用屏幕演示视频，但手动编辑效率低下。此技能通过自动化屏幕检索和 Remotion 组合，生成包含转场和叠加层的可直接渲染的视频。

将想法转化为可视化图表，无需手动绘制。生成专业的流程图、思维导图和架构图，作为可编辑的 Excalidraw 文件。

大多数界面都缺少那些让软件感觉舒适的隐藏细节。本技能应用经过验证的设计工程原则，涵盖动画、过渡效果和组件打磨，帮助你构建用户喜爱的界面。

构建适用于所有设备的响应式网页布局既复杂又容易出错。本技能为Claude提供移动优先设计原则、流体容器、相对单位和触摸交互的清晰指南，确保您的网页项目能够从移动端到桌面端无缝扩展。

编写 CSS 时没有一致的方法论会导致维护性问题，并造成项目之间样式不一致。本技能提供关于应用行业标准方法（如 Tailwind、BEM 和 CSS Modules）的结构化指导，确保样式表干净、可维护且可扩展。

演示文稿和文档通常缺乏视觉一致性。此技能提供10个精心策划的主题，包含配色方案和字体搭配。立即将主题应用于任何幻灯片或文档，获得专业样式。