「nim」の検索結果

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

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

発表の構成や配色を計画し、各スライドをAI画像として順番に生成してPowerPointにまとめます。前の画像を参照し、資料全体の見た目をそろえるスキルです。

• 製品発表のスライドを作りたいとき
• 見た目をそろえた営業資料の作成
• 学術発表の資料を用意したいとき

RTKのRust製フィルターをテストから開発し、実コマンドの出力を使って、出力形式・異常入力への対応・トークン削減率を確認する手順を示すスキル。

• RTKに新しいフィルターを追加したいとき
• 保存した期待出力との比較
• 空入力・不正形式・色付き出力のテスト

Webサイトやアプリの画面を設計・改善し、文字や余白、配色から操作の流れまで整えます。使いやすさのレビュー、画面サイズへの対応、表示性能の確認も扱います。

• 新しい画面の構成と見た目の設計
• 既存画面の文字・余白・配色の改善
• アクセシビリティと画面サイズの点検

スライドや文書、レポート、HTMLのランディングページの配色とフォントを統一するスキル。10種類の既定テーマから選べるほか、独自テーマも作成します。

• スライドの配色とフォントを揃えたいとき
• 文書やレポートのテーマ選び
• HTMLのランディングページの装飾

新しいスキルの説明と指示を書き込むための、最小限のひな形です。名前と説明欄、指示の挿入位置だけが用意されており、具体的な作業手順は未記入です。

• 新しいスキルの文書を作りたいとき
• スキルの説明と利用条件の下書き
• エージェントへの指示を書く準備

依存先を模したモックを使い、失敗するテストから最小限の実装、整理へ進むテスト駆動開発を支援し、最後に対象・回帰テストの実行結果を記録するスキル。

• 機能実装前に期待動作を定義したいとき
• 外部依存をモック化したモジュール検証
• テストを通しながらコードを整理したいとき

AGNTCY連携の設定状況を端末内の情報から調べ、接続先の設定有無や必要パッケージ、通信方式、実行記録を表にまとめます。未実装の機能も区別して示します。

• AGNTCYの設定有無を確認したいとき
• SLIMのパッケージと接続先設定の確認
• プロジェクトのmod実行記録の確認

背景と前景が異なる速さで動くパララックス演出を点検し、動きを減らす設定への対応と、演出なしでも必要な情報が伝わる静的な表示への修正を支援します。

• Webサイトのパララックス演出の点検
• 動きを減らす設定への対応確認
• 動くコンテンツの静的な表示を用意

ページの読み込み時に発生するHTTPリクエストを数え、実測で遅延の原因を確認しながら、ファイル統合や重要な資源の埋め込みなどの削減案を示すスキル。

• ページの初期表示が遅い原因の調査
• 画像やCSSなどの不要な通信の確認
• ファイル統合やアイコン集約の検討

フォームやAPI、ブラウザ内の保存データを点検し、機能に使われていない個人情報を特定します。不要な収集の削除や匿名化、ログへの混入防止、保存期間の見直しを支援します。

• フォームの個人情報収集を見直したいとき
• 解析やログへの個人情報混入を調べたいとき
• ブラウザ内の保存情報と期間の点検

ページの初期表示を遅らせるリソース取得の依存関係を計測し、重要なCSSの埋め込みや必須ファイルの先読みで、通信の待ちが連鎖する構造を見直すスキル。

• ページの初期表示が遅いとき
• リソース取得の依存関係の点検
• 重要CSSの埋め込みや先読みの検討

ページ内リンクのスクロールを点検し、動きを減らす設定に応じた即時移動と、キーボード操作時のフォーカス移動を確認して、修正方法を示します。

• ページ内ナビゲーションの点検
• 動きを減らす設定でのスクロール確認
• アンカー移動後のフォーカスを直したいとき

Python・Rust・TypeScript・Goの実装や修正に、厳密な型付け、エラー処理、分岐の網羅、動作を確かめるテストの共通基準を適用するスキル。

• 厳密な型で機能を実装したいとき
• 不具合の共通原因を修正したいとき
• 動作を確かめるテストの見直し

Agent Skillsの作成から発見・呼び出し・権限・評価・移植までを、実習とクイズで一回一課ずつ学びます。確認した証拠と進捗をファイルに残し、続きから再開します。

• 最小のスキルの作成と呼び出しの学習
• スキルの発見と自動選択の理解
• 権限・サンドボックス・信頼境界の確認

再利用するエージェントスキルの構成と識別情報を検証し、指示・外部機能・実行タイミングなどを整理して、実装前に必要な仕組みの組み合わせを選びます。

• 作業手順をスキル化したいとき
• SKILL.mdの識別情報の検証
• 指示・スクリプト・委任の使い分け

Webページやアプリの見た目を作る前に、配色・文字・カード配置・動きなどの定型表現を点検するスキル。避けたいデザインの重なりを確認し、明示された指定を優先します。

• Webページ制作前のデザイン確認
• ダッシュボードのカード配置の点検
• 部品の文字組みと配色の見直し

新規プロジェクトの開始時に、保存先が未確定の場合の専用フォルダと構成を決めます。既存ファイルの調査制限を守り、必要最小限の実行可能なひな型を整えます。

• 保存先未定の新規開発を始めたいとき
• 既存ファイルを調べずに着手したいとき
• 汎用フォルダ内の成果物をまとめたいとき

既存のRemotion動画のソースをHyperFramesのHTMLとGSAPへ移植するスキル。非対応コードの検出、変換後の映像比較、差異の記録まで扱います。

• Remotion動画をHyperFramesへ移植
• 移植を妨げるコードの事前確認
• 変換前後の映像を比較したいとき

音楽の拍や盛り上がりを解析し、文字や画像・動画の動きを合わせた映像を作るスキルです。追加素材がなくても構成でき、計画と映像の確認を経てMP4に仕上げます。

• 音楽に合わせた宣伝映像を作りたいとき
• 曲と写真からスライドショーを作るとき
• 動く文字だけで音楽映像を作りたいとき

ブラウザで3Dを表示するためのシーン、カメラ、描画設定をThree.jsで整え、物体の配置や親子関係、アニメーションの基本実装を支援するスキル。

• ブラウザに3Dシーンを表示したいとき
• 遠近感に合うカメラを選びたいとき
• 複数の物体をまとめて動かしたいとき

文章で伝えた企画から、ナレーション・画像・音楽を生成して解説動画にまとめるスキル。人物が話す映像も加え、音声に尺を合わせてRemotionで書き出します。

• 音声付きの商品紹介動画を作りたいとき
• スプリントの成果報告を動画にしたいとき
• 人物が話す映像を場面に添えたいとき

Remotion動画に、ツールキット付属の背景や比較画面、独自の場面転換を組み込む作業を支援します。30fpsでの時間配分や描画時の実装規約も扱います。

• グリッチや光漏れで場面を切り替える
• 2本の動画を並べて比較したいとき
• 解説者の小窓やロゴを重ねたいとき

映像の場面転換や動く文字の登場を、切り替え前後の方向と速度をそろえて設計します。ズーム、ぼかし、単語ごとの連続表示、要素の移動の具体的な設定をまとめています。

• 場面転換の動きをつなげたいとき
• 見出しを単語ごとに切り替えたいとき
• タイトルを時間差で登場させたいとき