「build」の検索結果

本番配信するCSSの空白やコメントを削ってファイルを小さくするために、圧縮の適用状況やビルド設定を点検し、画面幅ごとの表示も確認するスキル。

• 本番CSSの圧縮状況の確認
• ビルド工程に圧縮を追加したいとき
• PostCSSの出力を見直したいとき

表示されない画像や失敗しやすい参照先を調べ、ファイルパスの修正と代替画像への切り替えを支援し、読み込みエラー時の表示まで確認するスキル。

• 商品画像が欠ける原因を調べたいとき
• ビルド後の画像パス確認
• 外部画像に代替表示を付けたいとき

実際のコードベースで、CodeGraphの有無によるエージェントの調査を比較します。バージョンや対象言語を選び、費用・ツール使用回数・回答の正しさから効果を検証します。

• ローカル開発版を評価したいとき
• 公開済みバージョンを監査したいとき
• 調査費用とファイル参照回数の比較

教材の図を動かしたり、スライダーで数値を変えて結果を示したりするスキル。仕組みを操作して確かめる図や、ページの見出しを飾る動くドット模様も作れます。

• 教材の処理の流れを動かしたいとき
• 数式の変化をスライダーで示したいとき
• システムの仕組みを操作して学ぶ図

処理の流れを斜め上から見た立体的な機械に置き換え、操作できる解説ページを作ります。動き・数値・説明を同じモデルで連動させ、故障時の挙動も示します。

• キャッシュやキューの仕組みの解説
• 処理の一部が壊れた影響を示したいとき
• 図が主役の解説ページ制作

特定バージョンの仕様や実行結果を根拠に、長編の技術マニュアルを作成します。資料の優先順位と食い違いを整理し、記録した入出力や図を組み込み、監査で記述と構成を検証します。

• 版を固定した仕様書の解説作成
• 再現可能な要求・応答の記録作成
• 図と出典を伴うマニュアルの節追加

AIと外部ツールをつなぐMCPの実装・安全対策・運用を、対話と演習で一課ずつ学ぶスキル。要求と応答を検証し、学習の進捗や観察した結果を専用ファイルに記録します。

• 要求と応答からMCPの基礎を学びたいとき
• MCPクライアントとサーバーの実装演習
• 認可・安全対策・運用障害の学習

実装を独立して取り込める小さなPRに分け、作業場所の分離、手動検証の記録、英語のPR作成、CIとレビューの修正対応、マージ後の片付けまで進めるスキル。

• 実装をPRとして届けたいとき
• 大きな作業を小さなPRに分けたいとき
• 独立したPRの並行実装

プレゼン資料を新規作成・修正し、標準でPPTXに書き出します。スライドごとのHTMLと共通テーマを管理し、組み立て時の検証と画像での確認まで行うスキルです。

• 新しいプレゼン資料の作成
• 既存スライドの修正
• 資料全体への共通テーマ適用

ExcelやCSVなどの表計算ファイルを作成・編集し、乱れた表データを整理するスキル。数式と書式を扱い、再計算とファイル検証まで含めて成果物を仕上げます。

• 数式と書式付きのブックを作りたいとき
• 既存の表計算ファイルを編集したいとき
• 乱れたCSV・TSVデータの整理

メモやREADME、議事録などをMarkdownファイルで作成・修正し、見出しやリストを内容に合わせて整え、完成後の全文確認まで行うスキル。

• プロジェクトのREADME作成
• 会議メモを議事録にまとめたいとき
• Markdownのマニュアル修正

Vercel上のサイトやアプリの公開状況を確認し、ビルド・実行ログから障害やデプロイ失敗を調査します。プロジェクトの管理やデプロイにも対応します。

• デプロイ失敗の原因を調べたいとき
• サイトの公開状況を確認したいとき
• 本番エラーをログから調査したいとき

Claude APIを使うアプリ開発で、公式SDKの実装方法やモデル選択、ツール連携、料金の確認を支援し、既存コードの移行や評価・費用見直しも案内するスキル。

• Claude APIで要約アプリを作りたいとき
• 独自ツールを使うエージェントの方式選定
• 既存コードを新しいモデルへ移行したいとき

公開したArtifactページに、入力内容の保存や閲覧者間の状態共有、連携データの取得、Claudeへの質問などを組み込むための仕様と手順を提供します。

• 操作を保存する投票やチェックリスト作成
• 共有データを使うタスクボード作成
• 連携データを表示するページ作成

データの目的に合うグラフ形式を選び、配色の検証から凡例・ツールチップ・表表示まで整えます。明暗両モードで読みやすいグラフやダッシュボードを作るスキルです。

• データに合うグラフ形式を選びたいとき
• 色覚の違いに配慮した配色の検証
• 明暗両モードのグラフを作りたいとき

自分が書いて送ったメールや文書から、語句や文の長さ、相手に応じた調子を分析するスキル。特徴を個人用スキルとして保存し、本人らしい下書き作りに役立てます。

• 送信済みメールから文体を捉えたいとき
• メッセージの下書きを自分らしくする
• 相手による文章の調子の違いを整理

コード全体を調べ、開発コマンドや設計の要点をCLAUDE.mdにまとめます。READMEや既存ルールの重要事項も拾い、次の作業に必要な情報を整理するスキルです。

• CLAUDE.mdを新規作成したいとき
• ビルドやテストの手順整理
• コード設計の全体像をまとめたいとき

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

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

HyperFramesのアニメーションを、小さな動きのルールやシーンのひな型から組み立てるスキル。場面転換、描画技術の選択、作成後の動きの点検まで扱います。

• 動きのレシピを組み合わせたいとき
• ブランド登場演出をひな型から作りたいとき
• シーン間の場面転換の設計

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

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

2Dキャラクターをパーツに分け、回転の中心や重なり順、動ける範囲をデータで設計するスキル。ローカルアニメーション向けに再利用できる動作の仕組みを整えます。

• 2Dキャラクターを動かす準備
• 関節の回転中心と可動範囲の設計
• 口や目、持ち物をパーツ分け

Webページのスクロールに合わせて、要素の移動や表示、区間内での固定を実装します。GSAPのScrollTriggerを使い、視差効果や横方向の演出も扱います。

• 画面に入ったカードを表示したいとき
• スクロール中にセクションを固定
• スクロール量とアニメーションを連動

Three.jsで基本図形から独自の立体、文字や点群を作るスキル。頂点の編集、形状の結合、同じ形を多数描く処理を通じて、形作りと描画負荷の調整を支援します。

• 基本立体や曲線に沿う形状の制作
• 独自のメッシュを作成・変形したいとき
• 立体文字や点群、ワイヤーフレーム表示

d3.jsで独自のグラフや関係図、地図を作り、拡大・移動や詳細表示を加えるスキル。データに応じた描画から画面サイズへの対応、配色や操作性の調整まで扱います。

• 独自の配置や配色のグラフ制作
• 関係図や地図を作りたいとき
• 詳細表示や拡大・アニメーションの追加