「nim」の検索結果

最近のgit履歴とREADME・仕様書・製品説明を照合し、実装との食い違いを最小限の編集で修正して、レビュー用のPRにまとめるスキル。

• リリース後の文書点検
• 大きな機能追加後に説明を更新
• ロードマップや対応状況の記述修正

Paperclipでエージェントや稼働状態を表すカプセル画像を制作・実装・点検し、用途ごとの配色、動き、再現用の設定をブランド規則に沿って整えるスキル。

• エージェント用アバターの制作
• 稼働状態の表示を実装したいとき
• マーケティング用メイン画像の制作

動画や連番画像を処理し、スクロール、ポインター、ドラッグなどに応じて動くWeb演出を作ります。素材の制作計画から時間軸の整理、再生制御、動作確認まで扱います。

• スクロールと動画再生を連動させたいとき
• ドラッグで動きの状態を切り替えたいとき
• 既存動画や連番画像のWeb向け処理

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

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

商品のお披露目や予告、背景ループに使う3〜10秒の短い動画を生成します。被写体や動き、照明を整理し、指定の長さと縦横比でMP4を保存します。

• 商品のお披露目動画を作りたいとき
• 動きのある短い予告の制作
• 雰囲気を伝える背景ループ作り

公開前の製品の先行登録ページを、ブランドの配色や書体に合わせて作成します。ロゴと製品紹介、メール登録フォームを一つのHTMLにまとめるスキル。

• 製品公開前のメール登録ページ作成
• ベータ版の参加者を募集したいとき
• 先行アクセスへの関心を集めたいとき

メモや分析資料を、顧客向け提案や技術発表に使えるHTMLスライドへ整理し、テーマ選択から発表者用の台本、PNG出力まで支援するスキル。

• 分析結果を顧客向け提案にしたいとき
• 台本付きの技術発表資料作成
• 製品発表用のスライド作成

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

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

OpenDesignのライブデモを題材に、発表者ノートやアニメーションを備えたHTMLスライドを作るスキル。構成から説明内容、見た目まで整えます。

• 開発者向けのライブデモ準備
• 見込み顧客へのAI作業手順の説明
• 発表者ノート付きHTML資料の作成

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

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

Google Stitchで画面を生成する際のデザイン方針をDESIGN.mdにまとめます。配色、書体、配置、動き、避ける表現を具体化し、画面間の統一に使います。

• Google Stitchの画面に共通ルールを作る
• 配色や書体、部品の振る舞いを文書化
• モバイル表示と動きのルールを定義

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

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

流体のように揺れる背景に大きな見出しや短いメッセージを重ね、動画の冒頭、ランディングページのメインビジュアル、ポスターに使える単一HTMLを作ります。

• 短いメッセージ付きの動画冒頭を作りたいとき
• ランディングページのメインビジュアル制作
• 流体背景のポスターを作りたいとき

ランディングページなどのWebデザイン案を、セクションごとに独立した横長画像で生成。配色をそろえながら構図や余白、ボタンの見せ方を変え、実装の参考に使えます。

• LPをセクション別に検討したいとき
• 冒頭の構図を検討したいとき
• 開発者に参考画像を共有したいとき

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

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

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

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

余白の広い見出しや隙間のないグリッド、スクロールに連動する動きを組み合わせ、Webページを実装します。注目から行動へ導く構成と、動きを抑える利用者設定への対応も扱います。

• 申し込みへ導くLPを作りたいとき
• スクロール連動のギャラリー制作
• 空きマスのない機能紹介グリッド設計

ブランドの意味や対象読者を踏まえ、ロゴ・配色・書体・使用例を一枚の画像にまとめます。新規ブランドの方向性づくりや、既存のロゴを生かした統一感のある提案資料に使えます。

• 新ブランドの見た目を検討したいとき
• 既存素材からブランド提案資料を作成
• ロゴ・配色・書体をまとめて確認

温かみのある白とグレー、書体の対比、広い余白で、読みやすいWeb画面を設計・実装します。淡い差し色と平面的なグリッドを使い、文書や雑誌のような落ち着いた構成に整えます。

• 文書のように落ち着いた画面の設計
• 機能紹介を非対称グリッドに整理
• ボタン・FAQ・ショートカットの統一

アプリやファイルの変更前に対象を確かめ、必要な箇所だけを更新し、変更後の再読み取りで結果を確認します。削除や送信では指示された対象と影響も照合します。

• アプリの特定項目だけを更新したいとき
• ファイル移動や削除の結果確認
• 送信や予約の実行状況を確認したいとき

既存のStorybookを11.0以降へ更新するスキルです。公式の更新手順を確認し、安定版の状況に応じて11.0のアルファ版も選びます。

• 既存のStorybookを更新したいとき
• Storybook 11.0以上が必要なとき
• 安定版未提供時にアルファ版へ更新

Storybookの起動から最初のストーリー表示までを計測し、サーバー応答と画面描画の所要時間を分けて、繰り返し実行やバージョン比較に使うスキル。

• 最初のストーリー表示まで測りたいとき
• バージョンや機能フラグの比較
• 起動時間の反復計測と集計

最近の地震を期間や規模で絞り、発生場所・深さ・マグニチュードを確認するスキル。既知の核実験場への近さを含む評価値と、USGSの出典も参照できます。

• 一定規模以上の最近の地震の確認
• 期間を絞って地震の場所と深さを調べたいとき
• 既知の核実験場に近い地震の確認

Webページや画面部品を、目的と読者に合うデザイン方針から考え、動作するコードに仕上げます。書体・配色・余白・アニメーションを整え、画面全体の見た目に一貫性を持たせます。

• デザイン方針のあるLPを作りたいとき
• ダッシュボードの配置と文字組みの改善
• 配色と動きを揃えたReact部品の作成