「product」の検索結果

Paperclipで実際のブラウザからサーバー、データベースまで通すE2E評価を追加・拡張し、操作結果や証拠を既存のレポートで確認できるようにするスキル。

• 一連の利用操作の評価を追加したいとき
• テスト用データと判定条件の更新
• 評価レポートに画像や成果物を載せたいとき

ランディングページや料金表、ドキュメント一覧などの試作を、付属テンプレートとレイアウトから組み立て、単一のHTMLファイルにまとめるスキル。

• 製品紹介ページを試作したいとき
• 料金プランの比較ページ作成
• ドキュメント一覧の画面設計

制作の方向性や内容構成、納品形式を左右する未確認事項を、必要最小限の質問フォームにまとめるスキル。選択肢や入力欄を使い、作業再開に必要な回答を集めます。

• 制作を止めている要件を確認したいとき
• 未確定の対象読者の確認
• 納品形式を決めたいとき

シルバーやクリーム色を基調に、柔らかな質感のウェブ試作品を作るスキル。二重枠のカード、大きな角丸、浮遊するナビゲーション、滑らかな動きを統一して設計します。

• 落ち着いたSaaSサイトを試作したいとき
• 消費者向けサイトの質感を検討したいとき
• カードとボタンで機能を紹介したいとき

今週の成果、進行中の作業、障害、重要指標を週次報告用のHTMLスライドに整理。注目すべき数値や異常と、翌週に必要な判断・依頼をチームで共有する資料を作ります。

• チームの週次報告資料作成
• KPIの変化や異常を共有したいとき
• 作業の障害と支援依頼の整理

メモや分析資料を、顧客向け提案や技術発表に使えるHTMLスライドへ整理し、テーマ選択から発表者用の台本、PNG出力まで支援するスキル。

• 分析結果を顧客向け提案にしたいとき
• 台本付きの技術発表資料作成
• 製品発表用のスライド作成

顧客や利用単位の採算と、利用者がAPIキーを持ち込むBYOKのコスト構造を説明するHTMLスライドを作ります。前提条件や条件変化の影響を、暖色の統一デザインで伝えます。

• CFO向けに採算モデルを説明したいとき
• 投資家向けにBYOKの費用を示したいとき
• 前提条件の変化と費用の関係を示す資料

ブランドの存在理由や価値観、今後の方向性をパートナーやメディアへ伝える資料を、横スワイプや一覧表示で閲覧できる雑誌風のHTMLスライドに仕上げるスキル。

• パートナーやメディアへのブランド説明
• 創業者の提案資料や登壇資料の作成
• 商品説明・実績・顧客の声の資料化

フィードやプロフィール、決済など6種類の画面構成を使い、iPhone 15 Proの端末枠に収めたアプリ画面をHTMLで作成するスキル。

• フィードやメッセージ一覧の試作
• プロフィールや商品詳細の検討
• 決済画面や歓迎画面の提示

街の商店の写真や声を、紙の小冊子のようなHTMLスライドにまとめます。ベージュと緑の手作り感あるデザインで、地域の変化を伝える構成を整えます。

• 消えゆく商店を記録したいとき
• 地域の人物写真や声の紹介
• クリエイターの作品紹介

直近30日間のコミュニティやSNSの話題を調べ、最近の変化、評価、不満、複数の情報源に共通する傾向を出典付きのMarkdownレポートに整理するスキル。

• 直近30日間の話題を調べたいとき
• 製品公開後のコミュニティ反応を知りたいとき
• 最近の好評点と不満を整理したいとき

年間マーケティング計画や新製品発表を、成長・商談創出につながる説明に整理し、雑誌風のHTMLスライドに仕上げるスキル。構成、本文、見た目まで組み立てます。

• 年間マーケティング計画の承認資料
• 新製品の発売計画を説明したいとき
• 施策予算と成長目標を結び付けたいとき

OpenDesignへのスキル・デザインシステムの提供、文書の翻訳や修正、不具合報告を支援します。内容の検証から変更提案や報告の作成まで案内します。

• 作成済みスキルやデザインシステムの提供
• 文書の翻訳を追加・更新したいとき
• 誤字・リンクの修正や事例記事の執筆

PptxGenJSを使い、PowerPointのプレゼンテーションを一から作成・編集するスキルです。エージェントにスライド資料づくりを依頼する際に使えます。

• PowerPoint資料を一から作りたいとき
• PowerPoint資料を編集したいとき
• PptxGenJSでスライド作成を頼みたいとき

Webサイトや業務画面を、用途に合う見た目と動くコードまで仕上げるスキル。文字組み、配色、レイアウトに加え、スマートフォン表示や操作時の状態も整えます。

• 方向性のあるランディングページ制作
• 日常業務向けダッシュボードの設計
• 既存UIの見た目と操作を整えたいとき

コードベースをもとにFigmaのデザインシステムライブラリを作成・更新します。実装済みの部品と、デザイン側で参照するライブラリを揃える作業に使えます。

• コードからFigmaライブラリを作りたいとき
• 実装に合わせたデザインライブラリの更新
• デザインの参照資料と実装を揃えたいとき

ランディングページなどのWebデザイン案を、セクションごとに独立した横長画像で生成。配色をそろえながら構図や余白、ボタンの見せ方を変え、実装の参考に使えます。

• LPをセクション別に検討したいとき
• 冒頭の構図を検討したいとき
• 開発者に参考画像を共有したいとき

既存のWeb画面に、ボタンの反応や状態の切り替えを伝える控えめなアニメーションを加えます。文章やレイアウトを保ち、動きを減らす設定にも対応します。

• ボタンに操作の反応を加えたいとき
• 画面内の状態変化を伝えたいとき
• 主要な内容の登場演出を整えたいとき

会話のテキストやスクリーンショットから、吹き出しが動く動画素材を作成。アプリ風の外観やアバターを設定し、透明背景の動画や編集用データとして出力します。

• 短い動画に会話を入れたいとき
• 製品デモにメッセージを重ねたいとき
• チャットで物語を再現したいとき

fal.ai経由でKling O3を使った画像・動画生成につなぐスキル。OpenDesign上で制作計画時に見つけられ、実行には元のバンドルを別途導入します。

• Kling O3で画像を生成したいとき
• fal.ai経由で動画を生成したいとき
• OpenDesignの制作計画への組み込み

fal.aiのAIモデルを使って画像や動画を生成するためのスキル。Flux、SDXL、ideogramなどを対象に、エージェントから生成を依頼する入口になります。

• fal.aiで画像を生成したいとき
• fal.aiで動画を生成したいとき
• 画像生成モデルを指定したいとき

ロゴ、配色、書体、画面や印刷物への展開例を一枚の画像にまとめるスキル。ブランドの目的や対象者を踏まえ、統一感のあるデザイン案を視覚化します。

• 新製品のブランドイメージを共有
• 意味のあるロゴ案を検討したいとき
• 配色・書体・使用例をまとめて確認

公開Webページの設計・実装・見直しを、題材に合う構図や書体の選定から進めます。実ブラウザーでの測定と3種類の画面幅のスクリーンショットで改善を重ねます。

• 定型的に見えるLPの再設計
• 独自の軸を持つポートフォリオ制作
• 3種類の画面幅で文字と配置を点検

iOS・Androidなどのアプリ画面や一連の操作フローを画像で作成し、読みやすさと画面間の統一感を保ちながら、スマートフォンの端末枠付きで提示するスキル。

• 複数画面でアプリの企画を可視化したいとき
• 初回案内やログインのフロー画像の作成
• モバイルアプリの改修案を比較したいとき