「page」の検索結果

Webページの要素やSVGに、移動・回転・フェードなどの動きを実装します。GSAPの基本APIを使い、速度変化や時間差、画面幅と動きを減らす設定への対応も扱います。

• Webページに移動やフェードを付けたいとき
• 複数要素を時間差で動かしたいとき
• 画面幅に応じて動きを変えたいとき

GSAPで作ったアニメーションのカクつきを減らすため、位置や透明度の変え方、画面更新のまとめ方、不要な処理の停止を見直し、描画負荷の軽減を支援します。

• GSAPのカクつきを減らしたいとき
• 多数のリスト要素の動きを改善したいとき
• マウス追従の演出を軽くしたいとき

Webサイトのデザイン画像を先に生成し、文字・余白・配色・配置を分析して画面に実装します。セクションごとの見本を使い、小型ノートPCでも読みやすい構成を目指します。

• 画像を見本にしたLP制作
• 小型画面でも読みやすいヒーロー制作
• 統一感のあるポートフォリオ制作

アニメーションを使ったHTMLプレゼンテーションを作るスキル。見た目のプレビューを確認しながら、オンライン講演や埋め込み用の発表資料を制作できます。

• オンライン講演のスライド作成
• Webページへの発表資料の埋め込み
• 操作できる説明資料を作りたいとき

広告企画やデザインの方向性を定め、発想から評価、発表まで進めるスキル。複数の発想法と自己評価を使い、利用できる制作資源も組み合わせます。

• キャンペーンのコンセプト検討
• ページの見た目の方向性を決めたいとき
• デザインの批評と改善計画

1920×1080の固定キャンバスで、内容に合わせて構成を自由に組むスライド制作スキル。配色や文字サイズを統一し、キーボードで切り替えるHTMLにまとめます。

• 個人の作品集を作りたいとき
• 美術やデザインの授業資料
• 問いや画像が主役の講演資料

曖昧なデザインの要望を、配色・書体・レイアウトなど８つの観点で具体化します。実装の基準となる仕様書とHTMLプレビューを作り、補った初期値も明示します。

• 曖昧なデザイン要望を具体化したいとき
• LPの配色・書体・余白の設計
• HTMLで見た目を確認したいとき

Web検索、SNSの話題、求人、動画字幕などを複数のサービスから収集します。利用可能な接続手段やログイン状態を確認し、目的に合う取得方法へ案内します。

• 複数SNSの議論を集めたいとき
• Web記事やRSSの内容取得
• LinkedInやBoss直聘の求人探し

アプリやWebサイトをVercelへデプロイし、公開ページの確認用URLとアカウント移管用リンクを取得します。フレームワークの自動判別や静的HTMLにも対応します。

• プロジェクトを公開してURLを共有したいとき
• 静的HTMLページの公開
• Vercelアカウントへの移管

DeerFlowのコード更新からローカルまたはDockerでの起動、画面・APIの基本動作確認まで進め、各検証の結果と問題点を報告書にまとめるスキル。

• DeerFlowの導入確認
• コード更新後の起動確認
• Dockerでのデプロイ検証

Webサイトやアプリの画面を設計・改善し、文字や余白、配色から操作の流れまで整えます。使いやすさのレビュー、画面サイズへの対応、表示性能の確認も扱います。

• 新しい画面の構成と見た目の設計
• 既存画面の文字・余白・配色の改善
• アクセシビリティと画面サイズの点検

OmniRoute経由で文章・画像・音声の生成や文字起こし、検索を呼び出し、OpenAI互換APIなどをAIエージェントに組み込むスキル。

• エージェントに文章生成を組み込みたいとき
• 指示から画像を生成・編集したいとき
• 文章の読み上げや音声の文字起こし

Dnsfilterの操作に使えるツールを検索し、接続状態と最新の入力形式を確認して実行する手順を、Rube MCP経由で扱うスキルです。

• Dnsfilterの操作ツールを探したいとき
• アカウントの接続状態を確認したいとき
• 最新の入力形式で操作したいとき

利用可能なツールと入力項目を確認し、Esignatures IOの操作をRube MCP経由で自動化します。接続確認から一括処理までの進め方をまとめたスキルです。

• 利用可能な操作を調べたいとき
• 実行前に接続を確認したいとき
• 繰り返す操作を自動化したいとき

Endorsalの操作をAIエージェントから進めるスキルです。目的に合うツールと最新の入力形式を検索し、サービスへの接続を確認して処理を実行します。

• Endorsalの対応操作を調べたいとき
• 接続確認後に操作を実行したいとき
• 複数ページの結果を取得したいとき

Digicertの操作をAIエージェントに任せるためのスキル。Rube MCP経由で利用可能なツールと接続状態を確認し、最新の入力仕様に沿って処理を実行します。

• Digicertの対応操作を調べたいとき
• 処理前に接続状態を確認したいとき
• 一連の操作をまとめて実行したいとき

Enigmaの操作をエージェントに任せるためのスキルです。Rube MCP経由で利用可能なツールと最新の入力形式を調べ、接続確認から実行まで進めます。

• 目的に合う操作ツールを探したいとき
• 対応する操作を一括実行したいとき
• 複数ページの結果を取得したいとき

Documensoの操作をAIエージェントに任せるために、目的に合うツールの検索、アカウント接続の確認、入力仕様に沿った実行を案内するスキル。

• Documensoのツールを探したいとき
• 接続が有効か確認したいとき
• 処理結果を全ページ取得したいとき

日々のDovetail操作をAIエージェントに任せるために、Rube MCPで利用可能なツールと最新の入力仕様を調べ、接続確認から実行まで進めるスキル。

• 目的に合う操作ツールを探したいとき
• 実行前に接続状態を確認したいとき
• 対応する操作を一括実行したいとき

Contentful Graphqlの操作をAIエージェントに依頼するためのスキルです。利用可能なツールと入力形式を調べ、接続を確認して処理を実行します。

• 利用できる操作を調べたいとき
• 接続確認後に処理を実行したいとき
• 複数ページの結果を取得したいとき

Coupaの操作をAIエージェントに任せるためのスキル。Rube MCP経由で利用可能なツールと入力形式を調べ、接続状態を確認して実行します。

• 利用可能な操作を調べたいとき
• 実行前に接続を確認したいとき
• 繰り返す操作を自動化したいとき

日々のCloudlayer操作をRube MCP経由で自動化するスキル。利用可能なツールと最新の入力形式を調べ、接続状態を確認してから処理を実行します。

• Cloudlayerの操作を調べたいとき
• 接続確認後に処理を実行したいとき
• 複数の操作を一括処理したいとき

利用可能なツールと入力項目を確認し、Deelの操作をRube MCP経由で自動化します。接続確認から一括処理までの進め方をまとめたスキルです。

• 利用可能な操作を調べたいとき
• 実行前に接続を確認したいとき
• 繰り返す操作を自動化したいとき

Countdown APIの操作をエージェントに任せるスキルです。Rube MCP経由で利用可能なツールと最新の入力形式を調べ、接続確認から実行まで進めます。

• 目的に合う操作ツールを探したいとき
• 対応する操作を一括実行したいとき
• 複数ページの結果を取得したいとき