「art」の検索結果

アイデアや記事からPaperclip向けの公開カタログ用スキルを整備します。既存スキルの調査から参照登録・新規作成、利用例、検証、PR作成まで進めます。

• アイデアや記事をスキルにしたいとき
• 外部スキルをカタログへ登録したいとき
• 類似スキルを出典付きで応用したいとき

モーショングラフィックスの企画や改善で、伝える内容、文字の動き、場面のつながり、読む時間を整理し、一つの意図が伝わる映像やアニメーションの設計を支援します。

• 短い製品紹介映像を企画したいとき
• 動く文字の読みやすさを改善したいとき
• 共通のモチーフで場面をつなぎたいとき

古典的なイラストとコバルトブルーを基調に、映画のようなスクロール演出を備えた制作スタジオの紹介サイトを、ブランドや事業内容に合わせて作るスキル。

• 建築スタジオのサイトを作りたいとき
• 古典美術風の作品紹介サイト制作
• サービスやFAQをまとめたいとき

OpenDesignのマーケットプレイスで、登録済みプラグインの検索・インストール・配布元の確認の流れを検証するための、最小限のサンプルです。

• OpenDesignの検索を検証したいとき
• マーケットの導入フローを確認したいとき
• プラグインの配布元確認を試したいとき

コード編集で積み重なった変更を差分とファイル別の説明にまとめ、確認画面で承認・却下・一部承認を選べます。判断を記録し、却下した変更の取り消しまで扱います。

• コード移行後の変更を確認したいとき
• ファイルごとに変更を承認したいとき
• 引き渡し時にレビュー判断を記録したいとき

画面構成を検討するための手描き風ワイヤーフレームをHTMLで作ります。方眼紙、付箋、ラフなグラフ、案を示すタブを使い、設計初期の考えを可視化します。

• ポータルやダッシュボードの初期構成を検討
• 複数案をタブラベルで示したいとき
• 画面の下書きにレビュー用の注釈を付ける

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

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

四半期の事業進捗・停滞・資源の再配分案を、経営会議の判断につながるHTMLスライドに整理。クリーム色とコバルトブルーの統一されたデザインで仕上げるスキル。

• 経営陣向けの四半期事業レビュー
• 資源の再配分案を説明したいとき
• 投資家向け報告や助言資料の作成

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

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

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

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

Staffエンジニアへの昇進に向けて、担当範囲・実績の証拠・成果物・影響を整理し、上司や評価委員会に示す白地の雑誌風HTMLスライドを作るスキル。

• Staffエンジニアへの昇進資料作成
• 上司に実績と根拠を説明したいとき
• 昇進審査向けに仕事の影響を整理

スライドや文書、レポート、HTMLのランディングページに、フォントと配色のテーマを適用します。10種類のプリセットから見た目を整えるためのスキルです。

• スライドに既存テーマを適用したいとき
• 文書やレポートの見た目を統一
• HTMLのLPのフォントと配色を設定

曲やポッドキャスト、自己紹介を、カバー画像・進行バー・再生操作風アイコンを備えたSpotify風カードにし、動画や個人サイト向けのHTMLにまとめます。

• 動画に再生中カードを重ねたいとき
• 個人サイトで好きな曲を紹介
• ポッドキャストのタイトルと作者紹介

Webページの要素やSVGに、移動・回転・フェードなどの動きを実装します。GSAPの基本APIを使い、速度変化や時間差、画面幅と動きを減らす設定への対応も扱います。

• Webページに移動やフェードを付けたいとき
• 複数要素を時間差で動かしたいとき
• 画面幅に応じて動きを変えたいとき

業務手順やシステムの流れを、付箋と曲線の矢印で白板風に図解するスキル。分岐や合流も表し、導入案内や運用説明に使える単一HTMLにまとめます。

• 利用開始までの流れを図解したいとき
• 運用手順を説明したいとき
• システム構成の説明

作成済みのWebページやHTMLを点検し、既存の内容やブランドを保ちながら、見た目・文章・動き・操作性の問題を修正して共有前の仕上げを行います。

• 生成したページを共有前に整えたいとき
• 画一的な見た目や不統一を見直したいとき
• モバイル表示や操作性を修正したいとき

GSAPで複数のアニメーションの順序や重なりを組み立て、開始位置の指定、まとまりごとの入れ子化、再生・停止・逆再生まで扱うための実装支援スキル。

• 複数の動きを決めた順番で再生したいとき
• 開始時刻を調整して動きを重ねたいとき
• 動きをまとめて再生制御したいとき

Figma DesignやFigJamに空の新規ファイルを作成します。デザインシステムの整備やワークショップを、エージェントで進める際の最初の準備に使えます。

• 空のFigma Designを作りたいとき
• ワークショップ用のFigJam準備
• デザインシステム作業の初期準備

文章や参考画像からCodex向けの動くペットを作り、姿の一貫性や背景の透過を確認しながら、アニメーション用画像と設定ファイルをまとめて出力するスキル。

• 文章からCodexペットを作りたいとき
• キャラクター画像をペット化したいとき
• 動きごとの姿の違いを修正したいとき

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

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

ブランドやキャラクター、画風に合わせた画像生成のために、fal.aiで独自のLoRAを学習します。目的に応じたカスタムAIモデルを用意するスキルです。

• ブランド向けの画像モデルを学習したいとき
• キャラクター用の独自モデルを用意したいとき
• 特定の画風に合わせたLoRAの学習

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

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

claude-memが操作を記録し、次のセッションへ記憶を引き継ぐ仕組みを説明します。記憶が使われ始めるタイミングや保存場所、外部へ送られる情報も確認できます。

• claude-memによる操作の記録を理解したいとき
• 記憶がプロンプトに反映される時期を知りたいとき
• 記憶データや設定の保存場所を知りたいとき

人とAIが実装役・案内役を分担し、役割を切り替えながら開発を進めるスキル。テスト生成やコードレビュー、デバッグ、学習向けの説明にも対応します。

• AIのレビューを受けながら実装したいとき
• 方針を伝えてAIに実装を任せたいとき
• テストを先に書いて機能開発したいとき