Webサイトのデザイン画像を先に生成し、文字・余白・配色・配置を分析して実装へつなげます。セクションごとの画像を基準に、読みやすいLPやポートフォリオを作るスキルです。
- デザイン画像を基準にLPを作りたいとき
- ポートフォリオを改修したいとき
- 小型画面でも見やすい冒頭の設計
Leonxlnx/taste-skill☆ 9.8万2026年10月15日 更新
機能追加や不具合修正で、期待する動作を先にテストにし、失敗を確認してから最小限の実装を進めます。関連テストと差分も確認し、変更の影響を確かめます。
- 不具合を再現する回帰テストの作成
- 期待する動作を決めてから実装したいとき
- パーサーや画面の動作変更を検証したいとき
odysseus-dev/odysseus☆ 9.4万2026年10月16日 更新
プロジェクト内のStorybook関連パッケージを指定版へまとめて更新するスキルです。安定版や開発途中のビルドを使い、外部アプリで変更や不具合を検証します。
- 外部アプリで開発ビルドを試したいとき
- 特定の版で不具合を再現したいとき
- 関連パッケージを最新安定版へ更新
storybookjs/storybook☆ 9.1万2026年10月16日 更新
Storybookのブランチごとの試験版パッケージを探し、必要に応じて公開処理を実行します。公開状況を確認し、導入や更新に使うコマンドを案内します。
- ブランチの試験版を探したいとき
- フォークPRの試験版を公開したいとき
- 公開状況と導入コマンドの確認
storybookjs/storybook☆ 9.1万2026年10月16日 更新
ブログや記事の構成づくりから調査、出典の整理、導入文の改善、節ごとのレビューまで支援。書き手の文体を保ちながら、根拠と流れを整えて原稿を推敲するスキル。
- 記事やブログの構成を考えたいとき
- 根拠を調べて出典を整理したいとき
- 記事の導入文を改善したいとき
ComposioHQ/awesome-claude-skills☆ 7.7万2026年9月18日 更新
GitHubの変更提案であるプルリクエストの作成からレビュー、テスト、競合解消、マージまでを、複数のエージェントで分担して管理するスキルです。
- プルリクエストの作成とレビュー調整
- 大きな変更のレビューを分担したいとき
- マージ前のテストやビルド確認
ruvnet/ruflo☆ 7.6万2026年10月16日 更新
ローカルデータの前処理から機械学習モデルの選定・学習・評価、公開準備までを支援。顧客離脱の予測や画像分類などに向けた開発手順を整えるスキルです。
- 顧客離脱の予測モデルを作りたいとき
- 画像分類モデルを学習したいとき
- 欠損値やカテゴリデータを前処理したいとき
ruvnet/ruflo☆ 7.6万2026年10月16日 更新
タスクに記録された実行区間を集め、エージェント間の処理の流れをツリーで整理します。所要時間や待ち時間、処理が遅い箇所を確認するためのスキルです。
- 遅いタスクの原因を調べたいとき
- エージェント間の連携確認
- 実行記録のエラー箇所の確認
ruvnet/ruflo☆ 7.6万2026年10月16日 更新
ソースコードや文書からクラス・関数・依存関係を抽出し、AgentDBに関係図として蓄積。コード全体の構造把握や変更の影響調査に使うスキルです。
- コード全体の構造を把握したいとき
- モジュール間の依存関係の調査
- コード変更の影響を調べたいとき
ruvnet/ruflo☆ 7.6万2026年10月16日 更新
claude-flow v3の中核をTypeScriptで実装し、タスクやセッションなどの領域分割、依存関係の整理、保存処理とテストを整えるスキル。
- claude-flow v3の基盤実装
- タスク割り当てと状態管理の実装
- 依存性注入によるSQLite接続
ruvnet/ruflo☆ 7.6万2026年10月16日 更新
AIエージェントが会話履歴や利用者の好みを保存し、次のセッションでも参照できるように、AgentDBで短期・長期の記憶と検索を実装するスキル。
- チャットに会話履歴を追加
- セッションをまたいで好みを記憶
- 成功した対話パターンを再利用
ruvnet/ruflo☆ 7.6万2026年10月16日 更新
AgentDBで経験データを使う学習プラグインを作成し、用途に合う学習手法の選択から、行動と報酬の記録、モデルの訓練・評価まで進めるスキルです。
- 過去の経験からエージェントを学習させたいとき
- ゲームや経路選択の意思決定を作りたいとき
- 複数エージェントの経験を学習に使いたいとき
ruvnet/ruflo☆ 7.6万2026年10月16日 更新
複数のAgentDBの同期や管理、意味の近さと属性条件を組み合わせた検索を実装するスキル。検索結果の重複抑制や、分散AIシステムの運用設定も扱います。
- 複数のAgentDBで記憶を共有したいとき
- 意味検索を日付や分類で絞りたいとき
- 知識と会話の保存先を分けたいとき
ruvnet/ruflo☆ 7.6万2026年10月16日 更新
WebページのJPEG画像が粗いプレビューから徐々に鮮明になる形式かを点検し、画像サイズや読み込み方法も踏まえて、表示体験を改善する修正案を示します。
- JPEGの読み込み中の見え方を点検
- WebPやAVIFの代替JPEG確認
- CDNやビルド時の画像配信設定の確認
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
モダンブラウザに不要な旧形式のJavaScriptや互換コードを調べ、実測で負荷を確かめながら、配信方法とビルド設定の見直しを支援するスキル。
- ページ読み込みの遅さを調べたいとき
- 不要な互換コードの点検
- モダンブラウザ向けビルド設定の見直し
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
本番配信するJavaScriptの軽量化状況を点検し、ビルド設定や未使用コードの除去を見直して、ファイル容量と読み込み時の負荷を減らすスキル。
- 本番JavaScriptの軽量化確認
- 配信ファイルを小さくしたいとき
- 未使用コードの除去
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
JavaScriptの読み込み・公開方法を点検し、CommonJSからimport/exportへの移行を支援します。ブラウザでの実行経路も確認し、修正後の検証方法を示します。
- require()をimportに変換したいとき
- module.exportsからの移行
- ブラウザでのモジュール読み込みの点検
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
本番配信するCSSの空白やコメントを削ってファイルを小さくするために、圧縮の適用状況やビルド設定を点検し、画面幅ごとの表示も確認するスキル。
- 本番CSSの圧縮状況の確認
- ビルド工程に圧縮を追加したいとき
- PostCSSの出力を見直したいとき
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
表示されない画像や失敗しやすい参照先を調べ、ファイルパスの修正と代替画像への切り替えを支援し、読み込みエラー時の表示まで確認するスキル。
- 商品画像が欠ける原因を調べたいとき
- ビルド後の画像パス確認
- 外部画像に代替表示を付けたいとき
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
実際のコードベースで、CodeGraphの有無によるエージェントの調査を比較します。バージョンや対象言語を選び、費用・ツール使用回数・回答の正しさから効果を検証します。
- ローカル開発版を評価したいとき
- 公開済みバージョンを監査したいとき
- 調査費用とファイル参照回数の比較
colbymchenry/codegraph☆ 7.4万2026年10月16日 更新
特定バージョンの仕様や実行結果を根拠に、長編の技術マニュアルを作成します。資料の優先順位と食い違いを整理し、記録した入出力や図を組み込み、監査で記述と構成を検証します。
- 版を固定した仕様書の解説作成
- 再現可能な要求・応答の記録作成
- 図と出典を伴うマニュアルの節追加
rohitg00/ai-engineering-from-scratch☆ 7万2026年10月16日 更新
処理の流れを斜め上から見た立体的な機械に置き換え、操作できる解説ページを作ります。動き・数値・説明を同じモデルで連動させ、故障時の挙動も示します。
- キャッシュやキューの仕組みの解説
- 処理の一部が壊れた影響を示したいとき
- 図が主役の解説ページ制作
rohitg00/ai-engineering-from-scratch☆ 7万2026年10月16日 更新
教材の図を動かしたり、スライダーで数値を変えて結果を示したりするスキル。仕組みを操作して確かめる図や、ページの見出しを飾る動くドット模様も作れます。
- 教材の処理の流れを動かしたいとき
- 数式の変化をスライダーで示したいとき
- システムの仕組みを操作して学ぶ図
rohitg00/ai-engineering-from-scratch☆ 7万2026年10月16日 更新
AIと外部ツールをつなぐMCPの実装・安全対策・運用を、対話と演習で一課ずつ学ぶスキル。要求と応答を検証し、学習の進捗や観察した結果を専用ファイルに記録します。
- 要求と応答からMCPの基礎を学びたいとき
- MCPクライアントとサーバーの実装演習
- 認可・安全対策・運用障害の学習
rohitg00/ai-engineering-from-scratch☆ 7万2026年10月16日 更新