「sel」の検索結果

商品のお披露目や予告、背景ループに使う3〜10秒の短い動画を生成します。被写体や動き、照明を整理し、指定の長さと縦横比でMP4を保存します。

• 商品のお披露目動画を作りたいとき
• 動きのある短い予告の制作
• 雰囲気を伝える背景ループ作り

過去24時間のGmailの受信状況を、対応が必要なもの、注目情報、参考情報に整理します。Orbitの日次ダイジェストとして、Gmailのメール閲覧画面風に表示します。

• 過去24時間のGmailを振り返りたいとき
• 対応が必要なメールの確認
• 注目情報と参考メールの仕分け

GitHubの直近24時間のPR、レビュー依頼、Issue、CI実行、マージを集約し、要確認事項を通知画面風の日次レポートに整理するスキル。

• 直近24時間のGitHub活動を振り返りたいとき
• レビュー依頼の確認
• CIの失敗を把握したいとき

複数の連携サービスから過去24時間の動きを集め、予定や対応待ち、開発状況を一つのダッシュボードで確認できる朝のブリーフィングを自動作成します。

• 朝に複数ツールの動きを確認したいとき
• 会議と対応待ちをまとめて把握したいとき
• 開発状況やアラートの確認

チームの主要指標、7日間の推移、活動履歴、タスク一覧を、Notion風のHTML画面にまとめます。手動・自動更新に対応し、未接続時はサンプルデータで表示します。

• チームの指標とタスクを一覧したいとき
• Notion連携のダッシュボード作成
• サンプルデータでのオフライン確認

羊皮紙風の背景と青いインク色を使い、白書やスタジオ紹介を紙面のように整えるスキル。日本語・英語・簡体字中国語に対応し、単一のHTMLにまとめます。

• スタジオの紹介ページを作りたいとき
• 白書を一枚のWebページにしたいとき
• 指標付きの日本語紹介資料を作りたいとき

研究報告や社内レビューを、紙面風の落ち着いたHTMLスライドにまとめます。濃い青と紙色、セリフ体で章や数値を整理し、横スワイプやキー操作で閲覧できます。

• 研究設計・結果・限界を研究室で報告したいとき
• 四半期の社内レビューをまとめたいとき
• 日本語の研究発表資料を作りたいとき

月次・四半期などの財務情報を、売上や資金余力の指標、売上・費用グラフ、損益比較表、主要顧客、見通しを備えた1画面のHTMLレポートにまとめるスキル。

• 月次・四半期の財務報告書作成
• SaaSの継続収益や資金余力の確認
• 前期と比較する損益レビュー

サイトの右下に開閉式の問い合わせ窓を作り、案内文やSNSリンク、面談予約への導線をまとめるスキル。受付休止時のフォームも含め、単一のHTMLに仕上げます。

• ポートフォリオに問い合わせ窓を置きたいとき
• SNSと面談予約の導線をまとめたいとき
• 受付休止中の連絡フォームを用意したいとき

管理・分析画面の試作を、単一のHTMLファイルで作るスキル。既存のデザインに沿って、主要指標のカードやグラフ、表を備えた画面を組み立てます。

• 売上ダッシュボードの試作
• アクセス・利用状況の分析画面の検討
• 運用状況を確認する管理画面の設計

Web画面のコードをVercelのガイドラインに照らして点検し、レイアウト・文字・色・動き・アクセシビリティの指摘を、ファイル名と行番号で示します。

• プロダクトのUIコードを点検したいとき
• ガイドラインで利用しやすさを確認したいとき
• 配置・文字・色・動きを点検したいとき

短い宣伝用音楽やBGM、ナレーション、効果音の内容を整理し、用途に合う音声生成モデルへ依頼して、MP3／WAVファイルをプロジェクトに保存するスキル。

• 開店告知用の短いジングル制作
• 楽器を指定したBGM生成
• 確定原稿のナレーション化

デスクトップ全体、アプリのウィンドウ、指定したピクセル領域を撮影し、宣伝素材やデザインレビュー、不具合報告に使うスクリーンショットを用意するスキル。

• 宣伝用のアプリ画面を撮影したいとき
• デザインレビュー用の画像を用意したいとき
• 不具合報告用に画面の一部を残したいとき

ユーザー調査の背景・参加者構成・行動パターンを、紙の温かみを感じるスイス様式の3枚のHTMLスライドに整理し、図表と控えめな動きで伝えるスキル。

• ユーザー調査を3枚で報告したいとき
• 参加者構成をドーナツグラフで表示
• 行動パターンと根拠を並べた説明

四半期の振り返りや今後の計画を、青・オレンジ・クリーム色のレトロなスライドにまとめ、表紙・重点項目・工程表の3枚を単一のHTMLで作るスキル。

• 四半期の振り返り資料制作
• チームの重点項目を共有したいとき
• ロードマップとKPIの提示

モバイルアプリの画面案や操作の流れを画像で作成。iOS・Androidなどの特徴を踏まえ、文字の読みやすさや配色、複数画面の統一感を整えます。

• アプリ企画を複数画面で可視化したいとき
• 初回利用の案内画面を考えたいとき
• ログインと復旧画面を検討したいとき

Figmaのデザインを、元の見た目に忠実な本番向けコードへ変換するスキル。フレームをフロントエンド担当のAIエージェントへ渡し、画面の実装に使えます。

• Figmaの画面を実装したいとき
• デザインをAIエージェントへ引き継ぐ
• デザインの見た目をコードで再現

GSAPのプラグインを使い、文字やSVGの動き、ドラッグ操作、レイアウト切り替えを実装するスキルです。用途に合う機能の選択から登録、設定、後始末まで扱います。

• 見出しを一文字・一行ずつ動かしたいとき
• SVGの描画や図形変形を加えたいとき
• 慣性のあるドラッグ操作を作りたいとき

OD Libraryに保存済みの画像やロゴ、スクリーンショットを検索し、選んだ素材を現在のプロジェクトへコピーして、制作中のページに組み込むスキル。

• 以前保存した画面画像の再利用
• 保存済みロゴをページに入れたいとき
• 手持ちのメイン画像を探したいとき

GSAPのアニメーションで使う数値変換や範囲制限、ランダム化を実装・レビューします。スクロール量に応じた変化や、一定間隔への吸着、複数要素の扱いを支援します。

• スクロール量を移動や回転に変換
• アニメーションの値を範囲内に制限
• 位置や色にランダムな変化を追加

ブラウザー上のページを調べ、クリックや入力、スクリーンショット撮影、情報抽出を行います。OpenDesignのローカルプレビューを中心に、Webアプリの動作や品質を確認します。

• OpenDesignのプレビュー確認
• Webアプリのクリックや入力のテスト
• ページや要素の画面撮影

セッションをまたいで残るclaude-memの記憶から、過去の判断や解決策、作業履歴を段階的に検索し、必要な情報だけを確認するスキルです。

• 以前のセッションの判断を確認したいとき
• 解決済みの問題への対応を探したいとき
• 引き継ぎ前の作業履歴確認

Claude Codeプラグインの各設定ファイルでバージョンをそろえ、ビルド検証、タグ作成、GitHubリリース、変更履歴の生成からnpm公開まで進めるスキル。

• 変更内容に合うバージョンを決めたいとき
• プラグイン設定のバージョン統一
• GitHubリリースと変更履歴の作成

claude-memの作業記録をテーマや期間、ファイルで絞り込み、過去の判断や修正について会話で質問できる、目的別の知識ベースを作るスキル。

• 特定の技術テーマの知識を集めたいとき
• 指定期間の判断を振り返りたいとき
• サービスの修正履歴を会話で確認したいとき