「gui」の検索結果

Artifactsで公開する資料やツールのHTMLページを、用途に合う配色・文字組み・レイアウトで設計し、スマートフォン表示やテーマ対応まで整えるスキル。

• Markdown資料のHTMLページ化
• 題材に合うランディングページの設計
• スマートフォンで読みやすくしたいとき

既存のブランド規定がないWeb画面で、用途に合う見た目の方向性を定め、書体・配色・余白・動きをそろえた個性あるHTMLのデザインと実装を支援します。

• ブランド規定のないWeb制作
• 書体・配色・余白をそろえたいとき
• 独自のレイアウトや動きを作りたいとき

OpenMontageからKling公式APIを使い、動画・画像生成、音声読み上げ、アバター動画や口の動きの同期を行うための設定と処理手順を案内します。

• テキストや参照画像からの動画生成
• 参照画像を使った画像生成・編集
• 指定した声で読み上げたいとき

Reactで増えすぎた真偽値の設定項目を整理し、部品の組み合わせと状態管理を見直して、再利用しやすいコンポーネントを設計するための指針をまとめたスキル。

• 真偽値の設定項目を整理したいとき
• 再利用できる部品集を設計したいとき
• 状態管理と部品構成のレビュー

FLUXによる画像生成・編集をアプリに組み込むためのスキル。BFL APIへの接続、完了確認、通知の設定、リクエスト制限やエラーへの対処を案内します。

• アプリに画像生成・編集を組み込みたいとき
• 完了確認や完了通知を実装したいとき
• リクエスト制限やAPIエラーへの対処

ElevenLabsのAPIキーを確認し、未設定・無効な場合は取得から検証、.envへの保存まで案内するスキル。MCPツールの利用準備に役立ちます。

• ElevenLabsの初期設定
• APIキー未設定のエラー解消
• 既存APIキーを確認したいとき

FLUXで画像を生成・編集するためのプロンプト作りを支援します。モデル選びから構図、照明、文字、色、複数の参照画像の指定まで、用途に応じた書き方を整理します。

• 画像生成プロンプトを作りたいとき
• ブランドカラーや文字を指定したいとき
• 複数の参照画像で編集したいとき

ReactとNext.jsのコードを性能面から見直し、データ取得の待ち時間や配信するコード量、不要な再描画を減らす改善を、優先順位付きのルールで支援します。

• Reactの性能をレビューしたいとき
• Next.jsのデータ取得を改善したいとき
• 配信するJavaScriptを減らしたいとき

コード変更の行数を目安に、レビューに適した規模かを確認します。大きな変更では実際の差分や依存関係を踏まえ、段階的な分割と最初に取り込む範囲を検討します。

• レビュー依頼前の変更規模の確認
• 複雑なロジック変更の規模判断
• 大きな変更を段階的に分けたいとき

変更したWebサイトやデスクトップアプリを実際に操作して動作確認します。操作前後の画面や入力値、状態表示を比較し、期待した変化が起きたかを確かめます。

• Web画面の変更後の動作確認
• ブラウザ操作で不具合を再現したいとき
• デスクトップアプリの状態変化の確認

HyperFrames Studioで動画の企画から絵コンテ、制作まで進め、シーン・字幕・音声のトラック整理と安全な文字配置をそろえるための制作ルール集。

• 製品紹介動画を企画したいとき
• シーン・字幕・音声のトラック整理
• 字幕と重要な内容の安全な配置確認

HyperFrames動画の配色、書体、画面構成、ナレーションの方針を整えます。既存のデザイン仕様やブランドに沿って、場面ごとの見せ方とテンポを設計します。

• ブランドに沿った動画にしたいとき
• 動画の配色と書体を選びたいとき
• 複数場面のテンポを整えたいとき

Remotionのテスト作成・更新・レビューで、利用者が確認できる操作結果や生成物を検証する方針を示し、結合テストや単体テストの選択と回帰確認を支援するスキル。

• 機能に合うテスト範囲を選びたいとき
• 既存テストの検出力をレビューしたいとき
• 修正前後で回帰テストを確認したいとき

Remotionのドキュメントを追加・編集するためのスキルです。APIごとのページ構成やコード例、対応環境、導入バージョンの表記を既存の規約に沿って整えます。

• 公開APIの説明ページを追加したいとき
• コード例や引数の説明を統一したいとき
• バージョン表示と対応環境の点検

Remotion StudioでSequenceを視覚的に編集する機能の実装・不具合調査を支援するスキル。識別情報や展開状態、ホットリロード時の挙動を扱います。

• 再読み込み時のSequence識別を調査
• Sequenceの展開状態の管理を見直す
• nodePathと呼び出し履歴の対応確認

Remotion StudioのVisual Modeで編集でき、エージェントにも扱いやすいアニメーションを書くために、シーン構成やスタイルの関連ガイドへ案内するスキル。

• Visual Mode向けの書き方を確認
• シーン構成や編集可能なスタイルの参照
• 独自コンポーネントの操作対応

ブラウザで扱う音声・動画ファイルの長さや映像サイズを調べる実装を支援します。Mediabunnyを使い、音声と動画の秒数、動画の幅と高さを取得する方法へ案内します。

• 音声の長さを秒単位で取得したいとき
• 動画の長さを秒単位で取得したいとき
• 動画の幅と高さを取得したいとき

Remotionの不具合情報を、影響するバージョンと更新先の案内を添えてbugs APIに追加するスキル。既存の形式に沿い、配列の先頭に最新の情報を登録します。

• 報告された不具合をAPIに追加したいとき
• 不具合の影響バージョンを記録したいとき
• 不具合の説明に更新先を案内したいとき

Remotionのプルリクエストを、チェックの完了待ちから競合解消、失敗原因の調査、マージまで進めるスキル。継続的インテグレーションの失敗と一時的な不安定さを見分けます。

• 必須チェック通過後にマージしたいとき
• マージを妨げる競合の解消
• 自動チェックの失敗調査と修正

Remotion Elementの開発用ひな形を、設計・実装と投稿の公式ガイドに沿って作成し、ドキュメント側のRemotion Studioでプレビューする準備を進めるスキル。

• 新しいRemotion Elementの開発開始
• 公式ガイドに沿って準備したいとき
• Docs Studioで表示を確認したいとき

Remotionで作った映像を動画ファイルや静止画として書き出すスキル。用途に応じたCLIコマンドと、背景透過動画の出力手順への参照を案内します。

• Remotionの動画を書き出したいとき
• Remotionから静止画を出力したいとき
• 書き出しオプションを調べたいとき

GitHubの未完了Issueから全体計画に属さないものを探し、親の有無を区別して報告します。完了済みIssueを計画の階層から外す整理にも対応します。

• 全体計画に属さないIssueを探したいとき
• 親なしと計画外のIssueを区別したいとき
• Issueの所属を自動チェックしたいとき

MemPalace内の情報がどの程度整理されているかを採点し、結果を踏まえて一つずつ判断しながら、案内に沿って整理状態の修復を進めるスキル。

• MemPalaceの整理状態を確認したいとき
• 整理状態の評価点を確認したいとき
• 一つずつ判断しながら修復したいとき

システム構成や業務の流れ、データの関係を、ブランドの配色や書体に合わせて図解します。目的に合う図の選定から、読みやすい配置、HTML・SVG・PNGの出力まで扱います。

• システム構成を説明したいとき
• 業務の流れと担当を整理したいとき
• 既存の図をブランドに合わせたいとき