「ngs」の検索結果

指定したテーマの長文記事を執筆し、見出しや図版用の枠、引用、著者紹介、関連記事を備えた、雑誌のように読みやすい単一のHTMLページに仕上げます。

• 長文ブログの記事ページ試作
• 図版や引用を含む事例紹介
• 既存デザインに沿った記事画面設計

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

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

プロジェクト報告や障害レビュー向けに、暗いCRT端末風の16:9 HTMLスライドを制作。等幅文字、赤い警告表示、時系列や監査ログで情報を整理します。

• プロジェクトの振り返り報告
• インフラ障害の経過報告
• セキュリティレビューの整理

WordPressの公式デザインに沿ってテーマやサイトの見た目を整えるスキル。色や文字組みなどの共通設定と、画面部品のパターンを適用します。

• テーマにWordPress公式のスタイルを適用
• サイトの文字組みを整えたいとき
• 公式の画面部品パターンを使いたいとき

ドキュメントや文章をVercelの文章ガイドラインに照らして確認し、語り口、トーン、書式、構成の指摘を、ファイル名と行番号付きで簡潔に返します。

• 公開前のドキュメントを点検したいとき
• 複数ファイルの語り口を確認したいとき
• 書式や構成の問題を探したいとき

新商品の魅力を伝えるHTMLメールを作成します。ブランドロゴ、商品ビジュアル、見出し、仕様一覧、行動を促すボタンを、中央配置の一列レイアウトにまとめます。

• 新商品の発売告知メールを作りたいとき
• ブランドのニュースレター制作
• 商品の仕様をメールで紹介したいとき

プルリクエストのレビュー指摘やマージ競合を確認し、修正と検証を進めるスキル。コミットやプッシュ前に読み取り専用の相互レビューを行い、対応結果と残る課題を報告します。

• PRのレビュー指摘を修正したいとき
• 上流の変更を保ったマージ競合解消
• コミットやプッシュ前の修正レビュー

経歴やスキルをA4の1ページにまとめ、印刷やPDF出力に適したシンプルな英文履歴書・CVを作ります。落ち着いた配色と、必要に応じた2段組みで情報を整理します。

• A4一枚の履歴書を作りたいとき
• 経歴とスキルを2段組みで整理
• 印刷・PDF出力用の応募書類作成

入力した文章やデータを、いいね・リポスト・閲覧数付きのX風投稿カードに整え、動画への重ね表示や画像共有に使う単一HTMLを作るスキル。

• 動画に投稿カードを重ねたいとき
• 印象的な言葉を共有用カードにしたいとき
• 入力データを短い投稿文にまとめたいとき

商品発表やSNS共有向けの縦長ポスターを作成。大きな見出し、鮮やかなグラデーション、要点カードを組み合わせ、伝えたい情報を一枚にまとめます。

• 新商品の縦長ポスターを作りたいとき
• SNSで共有する告知画像の作成
• 特徴3〜5点を一枚にまとめたいとき

製品紹介や発表内容を、余白と大きな見出しを生かしたKeynote風のWebスライドにまとめます。左右キーやスペースキーで切り替え、ページ番号も表示します。

• 製品紹介のスライド作成
• 登壇用の発表資料を準備したいとき
• データ図を1枚で見せたいとき

Playwrightで宣伝用のスクリーンショットを作成するスキル。ランディングページのメイン画像、App Store掲載画像、更新情報のビジュアルに使えます。

• ランディングページのメイン画像作成
• App Store掲載画像を用意したいとき
• 更新情報に添える画面画像の作成

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

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

ブランドに合わせたPDFや電子ガイド、レポートを作成・記入・再整形するスキル。共通のデザイン設定と15種類の表紙スタイルで、文書の体裁を整えます。

• ブランドに合わせたPDFの作成
• 電子ガイドを作りたいとき
• レポートの体裁を整えたいとき

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

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

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

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

暖色の光漏れ、35mmフィルム風の粒子、大きなセリフ体を組み合わせ、映画風の冒頭画面や章タイトルを作るスキル。単一のHTMLにまとめます。

• ドキュメンタリーの冒頭画面制作
• 個人短編のタイトル画面作成
• 映画風の章タイトル制作

Markdownやメモを、雑誌のように読みやすく整えた長文HTML記事に仕上げます。大きなタイトルと一列の本文に、引用やコードの専用スタイルを組み合わせます。

• Markdownを雑誌風の記事にしたいとき
• メモからエッセイを整えたいとき
• 長文ニュースレターのデザイン

ランディングページやホームページ、広告の文章を作成・書き直すためのスキル。商品やサービスの公開に向け、訴求文を検討する編集役として使えます。

• ランディングページの文章作成
• ホームページの文章を書き直したいとき
• 広告文の下書き作成

雑誌の誌面と電子ペーパーを思わせる横長スライドを作ります。10種類のレイアウトと5種類の配色で、主張やデータを紙の印刷物のような見た目にまとめます。

• 主張を雑誌風の資料で伝えたいとき
• 研究結果や重要な数値の共有
• 章立てのある発表資料の作成

広告ライブラリから競合の広告を抽出・分析し、訴求メッセージやクリエイティブの方向性を調べるスキル。自社の広告表現を検討するための材料を整理します。

• 競合広告の訴求を調べたいとき
• 競合の広告表現を分析したいとき
• 自社広告の企画材料を集めたいとき

CSV・Excel・JSONの実データを読み取り、重要指標のカード、複数のグラフ、表、文章による気づきを備えた、見やすいレポートページを作るスキル。

• 成長データを週報にまとめたいとき
• 重要指標と前年同期比の共有
• グラフと元データ・方法の共有

実物の商品写真をもとに、形・色・素材・ロゴ位置などを保つ方針で、通販向けのメイン画像・特徴紹介・使用シーンの3枚と、確認用ギャラリーを作るスキル。

• 参照写真から商品メイン画像を作りたいとき
• 商品の特徴を一枚で伝えたいとき
• 商品の使用シーンを作りたいとき

画面や製品のデザインをDieter Ramsの10原則で点検し、根拠付きで採点します。新規設計・改良・再設計の方針を決め、実行計画を作るための依頼文にまとめます。

• UIをDieter Ramsの10原則で点検したいとき
• 画面を改良するか再設計するか決めたいとき
• 表示文言や使いやすさを根拠付きで点検したいとき