「build」の検索結果

Webページの文字組み・配色・余白・動きを具体的なルールで整え、定型的な見た目を避けながら、ReactやNext.jsの画面実装を進めるスキル。

• 文字組みに特徴のある販促ページ制作
• ダッシュボードの表示と操作感の調整
• 情報密度や動きの強さを調整したいとき

コードベースをもとにFigmaのデザインシステムライブラリを作成・更新します。実装済みの部品と、デザイン側で参照するライブラリを揃える作業に使えます。

• コードからFigmaライブラリを作りたいとき
• 実装に合わせたデザインライブラリの更新
• デザインの参照資料と実装を揃えたいとき

アニメーションを使ったHTMLプレゼンテーションを作るスキル。見た目のプレビューを確認しながら、オンライン講演や埋め込み用の発表資料を制作できます。

• オンライン講演のスライド作成
• Webページへの発表資料の埋め込み
• 操作できる説明資料を作りたいとき

映画的なアニメーション、MiniMax APIによるAI生成メディア、生成アートを使ったWeb制作を案内。冒頭の主役となるページや作品紹介サイト向けの項目です。

• 映画的な動きのヒーローページ制作
• 作品紹介サイトの制作
• AI生成メディアをWebで使いたいとき

GSAPのプラグインを使い、文字やSVGの動き、ドラッグ操作、レイアウト切り替えを実装するスキルです。用途に合う機能の選択から登録、設定、後始末まで扱います。

• 見出しを一文字・一行ずつ動かしたいとき
• SVGの描画や図形変形を加えたいとき
• 慣性のあるドラッグ操作を作りたいとき

スクロールに合わせて動くWebページをGSAPで実装するスキル。要素の固定や進行度の連動、横方向の演出から、位置の再計算と後片付けまで扱います。

• 画面に入った要素を動かしたいとき
• セクションを固定して見せたいとき
• 縦スクロールで横移動させたいとき

Webサイトや業務画面を、用途に合う見た目と動くコードまで仕上げるスキル。文字組み、配色、レイアウトに加え、スマートフォン表示や操作時の状態も整えます。

• 方向性のあるランディングページ制作
• 日常業務向けダッシュボードの設計
• 既存UIの見た目と操作を整えたいとき

公開サイトの配色・フォント・ロゴ・画像・文体を実測して整理し、ブランドガイドやプレビュー付きの再利用可能なデザインシステムにまとめるスキル。

• サイトの配色・フォント・ロゴの整理
• 参考サイトからブランドガイドを作りたいとき
• ブランドを表す画像の収集

claude-memの作業記録をテーマや期間、ファイルで絞り込み、過去の判断や修正について会話で質問できる、目的別の知識ベースを作るスキル。

• 特定の技術テーマの知識を集めたいとき
• 指定期間の判断を振り返りたいとき
• サービスの修正履歴を会話で確認したいとき

初めて触れるプロジェクトの全ソースファイルを最後まで読み、コード全体への理解を深めます。大きなファイルも分割して読み進め、開発を始める前の準備に使うスキルです。

• 新しいプロジェクトを把握したいとき
• 開発前に全ソースを読みたいとき
• 継続作業の前提知識を共有したいとき

RuViewのセンサーノードを動かすため、ESP32-S3／ESP32-C6のファームウェア作成・書き込み、WiFi設定、受信確認を案内します。

• RuViewの実機を初期設定したいとき
• 8 MB・4 MB版の再書き込み
• WiFiと受信サーバーの接続設定

複数のAIエージェントへ作業を割り振り、並列処理や順序付きの工程を組み立てます。情報共有、負荷分散、失敗時の再割り当てを含む連携を設定します。

• API・画面・テストを並列開発したいとき
• 設計からレビューまでの工程づくり
• エージェント間で仕様や状態を共有

RuViewの変更後にRustとPythonのテストや処理結果のハッシュを検証し、ファームウェアのハッシュ一覧と受け手が再確認できる証跡一式を作るスキル。

• 大きな変更後のRuView検証
• PRマージ前のテストと文書確認
• 受け手に渡す検証資料の作成

AIエージェントが会話履歴や利用者の好みを保存し、次のセッションでも参照できるように、AgentDBで短期・長期の記憶と検索を実装するスキル。

• チャットに会話履歴を追加
• セッションをまたいで好みを記憶
• 成功した対話パターンを再利用

コードやエージェントの成果物を検証し、信頼性を数値で確認するスキル。基準を満たさない変更の自動取り消しや、品質推移の監視、レポート出力も扱います。

• AIが生成したコードを検証したいとき
• 検証に失敗した変更を戻したいとき
• 品質の推移を把握したいとき

AgentDBで経験データを使う学習プラグインを作成し、用途に合う学習手法の選択から、行動と報酬の記録、モデルの訓練・評価まで進めるスキルです。

• 過去の経験からエージェントを学習させたいとき
• ゲームや経路選択の意思決定を作りたいとき
• 複数エージェントの経験を学習に使いたいとき

複数のAgentDBの同期や管理、意味の近さと属性条件を組み合わせた検索を実装するスキル。検索結果の重複抑制や、分散AIシステムの運用設定も扱います。

• 複数のAgentDBで記憶を共有したいとき
• 意味検索を日付や分類で絞りたいとき
• 知識と会話の保存先を分けたいとき

WiFiの信号を使うRuViewの初回起動を案内し、機器不要のDockerデモからソースの検証、対応機器での実測ダッシュボード起動まで進めるスキル。

• 機器なしで画面を試したいとき
• 模擬データでAPI確認やUI開発
• RustビルドとPython検証

claude-flow v3の中核をTypeScriptで実装し、タスクやセッションなどの領域分割、依存関係の整理、保存処理とテストを整えるスキル。

• claude-flow v3の基盤実装
• タスク割り当てと状態管理の実装
• 依存性注入によるSQLite接続

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

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

ReactやNext.jsの画面を、構図・動き・情報密度の設定に沿って実装し、配色や書体から読み込み・空・エラー状態まで整える、旧版互換用のスキル。

• 従来のv1の挙動を維持したいとき
• Reactで非対称な画面を作りたいとき
• 読み込み・空・エラー状態の設計

Webサイトのデザイン画像を先に生成し、文字・余白・配色・配置を分析して実装へつなげます。セクションごとの画像を基準に、読みやすいLPやポートフォリオを作るスキルです。

• デザイン画像を基準にLPを作りたいとき
• ポートフォリオを改修したいとき
• 小型画面でも見やすい冒頭の設計

機能追加や不具合修正で、期待する動作を先にテストにし、失敗を確認してから最小限の実装を進めます。関連テストと差分も確認し、変更の影響を確かめます。

• 不具合を再現する回帰テストの作成
• 期待する動作を決めてから実装したいとき
• パーサーや画面の動作変更を検証したいとき

Storybookのブランチごとの試験版パッケージを探し、必要に応じて公開処理を実行します。公開状況を確認し、導入や更新に使うコマンドを案内します。

• ブランチの試験版を探したいとき
• フォークPRの試験版を公開したいとき
• 公開状況と導入コマンドの確認