スキルを探す

AIを使う音楽アルバム制作で、コンセプト作りから歌詞の下書き、曲順の検討、書き出しまでを扱い、自主制作やブランド向け音楽に使うスキル。

• 自主制作アルバムの企画
• アルバムのテーマに沿った歌詞の下書き
• 収録曲の順番を検討したいとき

1920×1080の固定キャンバスで、内容に合わせて構成を自由に組むスライド制作スキル。配色や文字サイズを統一し、キーボードで切り替えるHTMLにまとめます。

• 個人の作品集を作りたいとき
• 美術やデザインの授業資料
• 問いや画像が主役の講演資料

React、Tailwind CSS、shadcn/uiを使い、複数の部品を組み合わせたclaude.ai向けのHTMLアーティファクトを制作するスキル。

• claude.ai用のHTMLを作りたいとき
• 複数部品からなる画面の試作
• Reactとshadcn/uiでの制作

文章や知識を、小红书風の複数枚のカードにまとめるスキル。表紙から要点、まとめまでを大きな文字と柔らかな配色で構成し、投稿用にスクリーンショットを撮れます。

• ノウハウを知識カードに整理
• 小红书向けのカルーセル投稿作成
• WeChatの朋友圈向け画像作成

Anthropicの公式ブランドカラーとタイポグラフィを制作物に適用し、色や書体に一貫性を持たせます。独自のブランド指針を考える際の参考にも使えます。

• 公式ブランドカラーを適用したいとき
• 公式の指針に沿って文字を整えたいとき
• 制作物の見た目を統一したいとき

工業マニュアルや古い端末を思わせるWeb画面を、厳密なグリッド、大きな文字と細かなデータ表示、赤い差し色、紙や走査線の質感で設計するスキル。

• データ量の多いダッシュボードを試作したいとき
• 印刷物風のポートフォリオ制作
• 暗い端末風の画面を作りたいとき

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

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

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

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

ボタンや通知などの細部を見直し、操作に合った動きと反応を設計するスキルです。アニメーションの要否からCSS実装、アクセシビリティまで検討します。

• アニメーションの要否を判断したいとき
• ボタンや通知の操作感を整えたいとき
• UIコードを変更前後で比較したいとき

書式やレイアウトの再現性に配慮しながら、.docx文書の読み取り・新規作成・編集を支援します。Word文書の内容と体裁を扱う作業に使うスキルです。

• 既存の.docx文書を読みたいとき
• 書式付きのWord文書の作成
• 体裁を保ちながら文書を編集したいとき

レトロなピクセル調の３シーン動画を、Hyperframes向けのHTMLで作るスキル。タイトルや配色を変え、場面転換や動きを備えた構成に仕上げます。

• ピクセル調の紹介動画を作りたいとき
• ３シーンの動画を差し替えたいとき
• HTMLで場面転換を確認したいとき

暗い背景とセリフ体を使い、ファッション誌のような３ページの映像的な演出を作ります。文字の段階表示や章の切り替えを備えた単一のHTMLにまとめます。

• ファッション誌風の動く紹介を作りたいとき
• 短い物語を３ページで見せたいとき
• 既存のブランド表現を暗い誌面に反映

p5.jsで、計算ルールと乱数を使ったアートを制作します。乱数の初期値を固定して同じ描画を再現でき、ポスターや動きを感じる静止画、画面構成の試作に使えます。

• ルールからポスターを作りたいとき
• 動きを感じる静止画の制作
• アートの画面構成の試作

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

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

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

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

画像の画風変更、背景や不要な物体の除去、指定部分の描き直しに使うスキル。fal.aiで提供されるAIモデルを利用して画像を編集します。

• 画像の画風を変えたいとき
• 画像の背景を除去したいとき
• 不要な物体を消したいとき

見た目の要望を伝えるプロンプトに、デザイン仕様やUI/UXの用語を補い、画面づくりやデザインからコードへの実装で使う依頼文を具体化するスキル。

• 見た目に関する依頼を具体化したいとき
• デザインから実装への依頼文の整理
• UI/UXの用語を依頼文に補いたいとき

配色づくりや文字のコントラスト確認を、色彩科学の資料に基づいて支援します。色の命名、顔料の混色、歴史的な色彩理論まで、制作に関わる色の相談を扱います。

• デザインの配色を考えたいとき
• 文字と背景のコントラスト確認
• 色の名前を決めたいとき

ブラウザやElectronで画像を書き出せない、保存したファイルが0 KBになる問題を調査し、画像データの生成と保存経路を切り分けて修正するスキル。

• 書き出した画像が0 KBになるとき
• 保存ダイアログや書き込みの不具合調査
• Electronの画像保存を修正したいとき

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

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

広告企画やデザインの方向性を定め、発想から評価、発表まで進めるスキル。複数の発想法と自己評価を使い、利用できる制作資源も組み合わせます。

• キャンペーンのコンセプト検討
• ページの見た目の方向性を決めたいとき
• デザインの批評と改善計画

ブラウザー上のページを調べ、クリックや入力、スクリーンショット撮影、情報抽出を行います。OpenDesignのローカルプレビューを中心に、Webアプリの動作や品質を確認します。

• OpenDesignのプレビュー確認
• Webアプリのクリックや入力のテスト
• ページや要素の画面撮影

データを操作しながら読めるグラフや図をD3.jsで作るためのスキル。多様な図表の例を手がかりに、レポートやダッシュボード、データを使った試作品に活用します。

• 売上を拡大可能な図で見たいとき
• データ間の関係を図示したいとき
• 日ごとの傾向を色で示したいとき

fal.aiを使ったリアルタイム・ストリーミング画像生成で、ムードボードの方向性探しや下書きの別案づくりを支援し、制作初期の案を繰り返し試すスキルです。

• ムードボードの方向性を探したいとき
• 下書き画像の別案を作りたいとき
• 制作初期の案を繰り返し試したいとき