ランディングページや料金表、ドキュメント一覧などの試作を、付属テンプレートとレイアウトから組み立て、単一のHTMLファイルにまとめるスキル。
- 製品紹介ページを試作したいとき
- 料金プランの比較ページ作成
- ドキュメント一覧の画面設計
8,415 件 ・ 関連度順
概要と使いどころ
ランディングページや料金表、ドキュメント一覧などの試作を、付属テンプレートとレイアウトから組み立て、単一のHTMLファイルにまとめるスキル。
モバイルアプリの画面遷移を、横に並べた3〜4枚のスマートフォン枠で可視化するスキル。灰色の仮配置、操作を示す矢印、注釈で利用の流れを整理します。
デスクトップ向けダッシュボードの画面構成を、灰色のブロックで示すHTMLワイヤーフレームにします。配色や写真を決める前に、情報の優先順位や配置を確認できます。
既存のHTMLに調整パネルを付け、配色・文字サイズ・余白・テーマ・動きを画面上で変更するスキル。設定を保存し、エージェントへの再依頼なしに見た目を試せます。
制作したデザインを、レイアウト・目的への適合・ブランド・使いやすさ・文章の5つの観点で点検し、見つかった具体的な不備の修正まで進めるスキル。
回転する文字や地球儀、速度の異なる複数のレイヤーを組み合わせ、CSSで動く16:9のヒーロー画面を制作。動画書き出し用のHTMLにまとめます。
HTMLで動画の構成と動きを作り、音声に同期する字幕や読み上げ、音楽に反応する演出を組み合わせます。タイトルや場面転換も扱い、表示のはみ出しや文字の見やすさを検査します。
恋愛・マッチングサービスやコミュニティの数値を、主要指標とグラフで見せるデスクトップ向け画面を、落ち着いた誌面風の単一HTMLに仕上げるスキル。
HTMLのページやスライドを五つの観点で根拠付き採点し、レーダーチャートと、残す点・修正点・短時間で直せる点を一つのHTMLレポートにまとめます。
HTMLから生成したPPTXを元資料と照合し、文字の欠けやフッターへの重なり、斜体の消失を調査。原因を整理し、配置ルールを見直して再出力・検証します。
既存のWebサイトやアプリの画面を点検し、文字・配色・配置・操作時の表示を改善します。現在の技術構成と機能を保ちながら、段階的に整えるスキル。
コードや文書の生成で、省略コメントや未実装のひな形を避け、依頼された全項目を出力するためのスキル。長文は区切りと再開位置を明示します。
文章で伝えた内容を手描き風のExcalidraw図にするスキル。アニメーション付きSVG、オンラインの編集リンク、PNG書き出しを用途に応じて利用できます。
Webページの要素やSVGに、移動・回転・フェードなどの動きを実装します。GSAPの基本APIを使い、速度変化や時間差、画面幅と動きを減らす設定への対応も扱います。
GSAPで作ったアニメーションのカクつきを減らすため、位置や透明度の変え方、画面更新のまとめ方、不要な処理の停止を見直し、描画負荷の軽減を支援します。
TwitterやXの投稿に添える、引用文やデータの横長カードを作ります。中央の短い文章に著者名やハンドル、ブランドの透かしを添え、画像として共有しやすく整えます。
リリース後の公開パッケージ、本番サービス、導入済みプラグインを実際に確認し、遅れて届くCI結果や不具合報告も追いながら、許可された範囲で修正を進めるスキル。
1つの文書をもとに、かわいいキャラクターが物語を伝えるNotebookLMのスライド生成を開始し、閲覧先の案内や希望時のPDF取得まで扱うスキルです。
エージェントの作業履歴とトークン数から、完了した成果ごとの費用や手戻りの費用を整理します。推定額と実測額を区別し、根拠付きのHTMLやCSVなどにまとめるスキルです。
既存のWebサイトやアプリを点検し、文字・配色・レイアウト・操作時の表示を改善します。現在の技術構成と機能を保ちながら、画一的な見た目や不足している状態表示を整えます。
コードや文章の省略を抑え、依頼されたファイル・関数・項目を最後まで出力するための指針です。成果物の数を照合し、長い回答は区切りのよい位置で分割して再開します。
機能追加や変更の依頼を、コードを書く前にファイル単位の最小限の実装計画へ整理します。変更理由と必要なインターフェースを示し、影響範囲や権限拡大も確認します。
RuViewの処理結果をSHA-256で照合し、第三者が再検証できる証拠一式の作成と、精度の数値が実測か主張かを明示しているかの確認を支援するスキル。
WiFi信号から人の姿勢を推定するモデルの学習と評価を進めます。平均姿勢を返す基準モデルと比較し、学習データの混入を確認して、測定結果を過大に示さず報告します。