スキルを探す

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

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

ガイドやAPIリファレンスの画面を、ナビゲーション・本文・目次の3列で設計し、コード例や表も含む単一のHTMLページとして試作するスキル。

• APIリファレンスを試作したいとき
• コード例付きのチュートリアル作成
• 目次付きガイドの画面設計

まとまりのないスタートアップの説明資料を、意思決定に向けて構成し直し、パステルとネオンの色面や太い黒枠を使う統一デザインのHTMLスライドに仕上げるスキル。

• 取締役会向け資料を整えたいとき
• 制作会社の実績紹介資料づくり
• ブランド刷新案のレビュー

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

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

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

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

病院の患者データ管理について、リスク、管理体制、責任分担、承認事項を整理し、理事会や規制当局への説明に使う発表者ノート付きのHTMLスライドを作成します。

• 患者データのリスクを理事会に説明したいとき
• 規制当局向けに管理体制を整理したいとき
• データ管理方針の承認資料を作りたいとき

個人の体験や信条を、聞き手に伝わる物語形式のHTMLスライドにまとめるスキル。パステル調のテンプレートを使い、構成から発表者用ノートまで整えます。

• 自分の信条を伝える登壇資料の作成
• 1年の体験を物語にまとめたいとき
• パステル調のHTMLスライドの作成

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

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

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

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

スター数、インストール数、利用開始などの週次指標を、変化の要因と次の施策につなげ、成長施策や製品の検討会で意思決定に使うHTMLスライドにまとめます。

• 週次の成長レビュー資料を作りたいとき
• KPIの変化と要因を議論したいとき
• 製品の次の施策を提案したいとき

現代美術の国際展や展覧会の企画を、黄色と温かな紙色のHTMLスライドに整理します。企画の主題、展示室、作品、来場者の動線を伝える資料作りに使えます。

• 理事会向けに国際展の企画を提案したいとき
• 展示室の構成と来場者の動線の説明
• 文化施設のプログラム発表

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

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

恋愛・マッチングサービスやコミュニティの数値を、主要指標とグラフで見せるデスクトップ向け画面を、落ち着いた誌面風の単一HTMLに仕上げるスキル。

• 恋愛サービスの管理画面を試作したいとき
• コミュニティ活動の一覧画面
• 相互マッチ数とマッチ率の推移表示

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

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

Venice.ai APIによる画像生成と、利用可能なスタイルを扱うスキルです。エージェントに画像生成を依頼する際に、生成機能やスタイルの確認に使えます。

• Venice.ai APIで画像を生成したいとき
• 利用可能な画像スタイルの確認
• エージェントと画像生成を計画したいとき

OpenDesignの内部構造を題材に、技術発表用のHTMLスライドを作成。構成や根拠、発表者ノートを整理し、エンジニア向けの説明資料に仕上げるスキル。

• OpenDesignの内部構造の技術解説
• 開発者コミュニティ向けの発表準備
• 根拠に基づくAI実装の説明資料作成

OpenDesignで自分のAPIキーを使うモデル選定を題材に、費用・品質・使い分けの判断を伝えるHTMLスライドを、端末風テンプレートで作るスキル。

• 技術者やIT部門へのモデル選定説明
• 費用・品質・使い分けの比較資料作成
• 発表者ノート付きの端末風スライド作成

新機能の導入判断に向け、利用者の課題、選択肢、トレードオフ、成功指標を整理。暗い背景のHTMLスライドにまとめ、部門をまたぐレビューを支援します。

• 新機能の背景にある利用者課題の説明
• 実装案とトレードオフの比較
• 部門をまたぐ成功指標のレビュー

動画の冒頭で使う短い言葉を、一文字ずつ現れる光の演出付きHTMLにします。光るカーソルや色ずれ、光線を組み合わせ、引用元や章名も添えられます。

• 引用文で動画を始めたいとき
• 光る文字で章の導入画面を作る
• 冒頭の言葉に引用元を添える

年間の読書時間や読了冊数、メモ、関心キーワードを、紙の質感と本をめくる演出でまとめ、共有用の縦長動画に仕立てるHTMLテンプレートです。

• 年間の読書実績を動画にしたいとき
• 読書メモと関心分野の振り返り
• 読書会の一年間の記録共有

投資家向けの資金調達ピッチをHTMLスライドで作成。事業の魅力、実績、競争優位、調達内容を整理し、発表者ノートを備えた資料に仕上げます。

• Demo Dayの資金調達資料作成
• 投資家への実績と競争優位の説明
• 発表者ノート付きHTML資料の制作

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

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

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

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

メンバー一覧や活動履歴、役割別グラフを備えたチーム管理画面を作るスキル。タブ切替や明暗表示、CSV出力が動く単一HTMLの試作を作成します。

• チーム管理画面を試作したいとき
• 役割の構成やオンライン状況の説明
• メンバー情報や活動をタブで確認