スキルを探す

制作したデザインを、レイアウト・目的への適合・ブランド・使いやすさ・文章の5つの観点で点検し、見つかった具体的な不備の修正まで進めるスキル。

• 納品前のデザイン点検
• ブランドの指定との整合確認
• キーボード操作やコントラストの確認

温かみのある白地、セリフ体の見出し、細い罫線と広い余白を使い、SaaSやドキュメント向けの紹介ページを編集物のような落ち着いたデザインで試作するスキル。

• SaaSの紹介ページを試作したいとき
• ドキュメントの見た目を検討したいとき
• 知識商品の紹介ページづくり

Figmaファイルから要素の階層、色や文字などのデザイン設定、書き出し対象の画像素材を抽出するスキル。後続の変換や実装で使えるファイルとして保存します。

• Figmaの要素構造を抽出したいとき
• 色・文字・余白の設定を集めたいとき
• 実装用の素材を準備したいとき

Notionの過去24時間の文書編集、コメント、メンション、データベースの行変更を集め、日々の更新を確認しやすいNotion形式のページにまとめます。

• 前日のNotion文書編集を確認したいとき
• コメントやメンションを日次で確認したいとき
• データベースの行変更をまとめて確認したいとき

複数の連携サービスから過去24時間の動きを集め、予定や対応待ち、開発状況を一つのダッシュボードで確認できる朝のブリーフィングを自動作成します。

• 朝に複数ツールの動きを確認したいとき
• 会議と対応待ちをまとめて把握したいとき
• 開発状況やアラートの確認

京都の桜旅の写真と言葉を、到着から満開、心に残る瞬間へとつながるHTMLスライドに編集。レトロな日本のカセット包装風デザインで旅の物語を伝えます。

• 友人に桜旅の思い出を共有したいとき
• 旅行読者向けの写真紀行を作りたいとき
• 旅の記録をレトロな資料にまとめたいとき

シニアデザイナーの面接に向け、3つの制作事例と判断の根拠を採用担当者に伝えるHTML資料を作るスキル。黄のアクセントと高密度な誌面風レイアウトで構成します。

• シニアデザイナー面接の作品集発表
• 3つの制作事例を整理したいとき
• デザイン判断の理由を伝えたいとき

地域の食品スーパーの利益率回復に向け、課題の要因・施策の優先順位・実行計画を整理するスキル。落ち着いた配色のHTMLスライドで、経営判断用の資料にまとめます。

• 食品スーパーの利益率回復を提案したいとき
• 運営委員会に施策の優先順位を説明したいとき
• 温かみのある助言・提案資料を作りたいとき

シリーズAの資金調達に向け、成長実績や事業拡大の筋道を投資家に伝えるHTMLスライドを作成します。大きな文字と赤い差し色で、主要な論点を示します。

• シリーズAの資金調達資料を作りたいとき
• 成長実績と拡大計画を投資家に示したいとき
• 創業者のビジョンをスライドにしたいとき

プロジェクト管理アプリの新規顧客向けに、導入研修用のHTMLスライドを作るスキル。初めて価値を実感するまでの手順と継続利用の習慣を、柔らかなパステル調で伝えます。

• 新規顧客向けの導入ワークショップ
• 最初の成果までの手順説明
• アプリの継続利用を促す習慣の研修

未着手・進行中・レビュー中・完了の列にタスクカードを並べ、担当者や見積もり、スプリントの進捗を見渡せるカンバン画面をHTMLで試作するスキルです。

• チームのスプリントボードを試作したいとき
• 担当者と見積もりを一覧する画面設計
• フィルターや検索付きのボード画面の検討

研究報告や社内レビューを、紙面風の落ち着いたHTMLスライドにまとめます。濃い青と紙色、セリフ体で章や数値を整理し、横スワイプやキー操作で閲覧できます。

• 研究設計・結果・限界を研究室で報告したいとき
• 四半期の社内レビューをまとめたいとき
• 日本語の研究発表資料を作りたいとき

最低賃金引き上げの雇用効果を扱う経済学の卒論答弁を題材に、研究の貢献・証拠・限界を整理し、落ち着いた配色と書体でHTMLスライドにまとめるスキル。

• 経済学の卒論答弁を準備したいとき
• 研究の証拠と限界を整理したいとき
• 研究資料を落ち着いたスライドにする

ロゴ・配色・書体と運用ルールを伝えるブランド発表用のHTMLスライドを作成。クリーム色の背景と多彩なアクセントを保ち、顧客やチームの検討資料に整えます。

• アウトドアブランドのデザイン発表
• 制作会社の提案資料作成
• 顧客とのブランド案レビュー

GitHubの直近24時間のPR、レビュー依頼、Issue、CI実行、マージを集約し、要確認事項を通知画面風の日次レポートに整理するスキル。

• 直近24時間のGitHub活動を振り返りたいとき
• レビュー依頼の確認
• CIの失敗を把握したいとき

チームの主要指標、7日間の推移、活動履歴、タスク一覧を、Notion風のHTML画面にまとめます。手動・自動更新に対応し、未接続時はサンプルデータで表示します。

• チームの指標とタスクを一覧したいとき
• Notion連携のダッシュボード作成
• サンプルデータでのオフライン確認

HTMLで動画の構成と動きを作り、音声に同期する字幕や読み上げ、音楽に反応する演出を組み合わせます。タイトルや場面転換も扱い、表示のはみ出しや文字の見やすさを検査します。

• 短い商品紹介動画の制作
• 音声に同期する字幕を付けたいとき
• ナレーションと動く文字の組み合わせ

回転する文字や地球儀、速度の異なる複数のレイヤーを組み合わせ、CSSで動く16:9のヒーロー画面を制作。動画書き出し用のHTMLにまとめます。

• マーケティング用の動くヒーロー画面制作
• 文字が動くタイトルカード制作
• リングと地球儀のループポスター制作

ブランドの説明をもとに、紙の質感とコラージュを使った雑誌風の縦長ランディングページを作るスキル。画面幅への対応やスクロール時の動きも組み込みます。

• ブランドの紹介ページを作りたいとき
• スタジオのサービスと実績を紹介したいとき
• 仮画像でページ構成を確認したいとき

人文学の講義や研究発表に向けて、資料・論点・根拠を整理したHTMLスライドを作るスキル。濃紺と暖かな黄色を使い、落ち着いた学術的な見た目に整えます。

• 人文学の講義資料を作りたいとき
• 大学院ゼミで研究発表したいとき
• 研究の要点をスライドにまとめたいとき

野外調査の卒業研究などを、研究の貢献・根拠・限界が伝わるHTML発表資料にまとめます。黄色い紙と安全ピン、手書き風文字を使った温かみのあるデザインです。

• 野外調査の卒業研究を発表したいとき
• 定性的な調査結果の発表
• ワークショップの振り返り資料作成

都市の緑地・樹冠拡大の政策提案を、市議会や行政審査向けのHTMLスライドにまとめるスキルです。公共の必要性、根拠、選択肢、資金判断を整理します。

• 市議会向けの都市緑化提案を作りたいとき
• 行政審査用に根拠と選択肢を整理したいとき
• 政策の資金判断を説明したいとき

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

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

新聞や雑誌の特集ページ風に、長文を読ませる一枚のHTMLポスターを制作。大きな見出しと6つの番号付きセクションで、意見や発表内容を組み立てます。

• 発表内容をポスターにしたいとき
• 活動理念を一枚にまとめたいとき
• 新聞風のエッセイポスター制作