複数のプラットフォームを学ばずにプロフェッショナルな AI 画像を作成できます。FLUX、Gemini、Grok、Seedream、Reve に 1 つの統一された CLI インターフェースでアクセスできます。

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ファイルとして生成します。

多くのインターフェースには、ソフトウェアを「気持ちいい」ものにする見えない細部が欠けています。このスキルは、アニメーション、トランジション、コンポーネントの磨き上げに対し、実証済みのデザインエンジニアリング原則を適用し、ユーザーが愛するインターフェースの構築をサポートします。

すべてのデバイスで動作するレスポンシブなWebレイアウトを構築することは、複雑でエラーが発生しやすくなります。このスキルは、モバイルファーストデザイン原則、フレキシブルコンテナ、相対単位、タッチフレンドリーなインタラクションについてClaudeに明確なガイドラインを提供し、Webプロジェクトがモバイルからデスクトップまでシームレスに拡張されることを保証します。

一貫した手法なしでCSSを記述すると、保守性の問題やプロジェクト間でスタイリングが矛盾する可能性があります。このスキルは、Tailwind、BEM、CSS Modulesなどの業界標準アプローチを適用して、クリーンで保守可能かつスケーラブルなスタイルシートを確保するための構造化されたガイダンスを提供します。

プレゼンテーションやドキュメントは視覚的に一貫性がないことがよくあります。このスキルは、カラー PALETTE とフォントの組み合わせを持つ10の厳選されたテーマを提供します。プロフェッショナルなスタイリングのために、スライドデッキやドキュメントにインスタントにテーマを適用できます。