ARTICLES FOR SKILL BUILDERS2026
Skillや公式資料から
次のSkillの種を
見つける
公開されているSkillや、AI・開発に関する公式資料を読み、「どんなものか」「何ができるようになるか」「自分たちがSkillを作るなら、どこを取り入れたいか」を記事にまとめています。気になるテーマから、次に試したいSkillを探してみてください。
- 記事
- 14 Articles
- テーマ
- 10 Topics
- 最終確認
- 2026-08-14
01 / ARTICLES
記事を探す
Skill名だけでなく、改善したい仕事や気になっているテーマからも探せます。
frontend-designとは？ AIのUI生成に「意図」を持たせるSkill
無難なAI画面から抜け出し、意図のあるUIへ。
画面の目的、タイポグラフィ、色、余白、動きまでを一つの方向性にそろえ、意図のあるフロントエンドを実装するSkillです。
レビュー時に『なんとなく違う』を減らし、意図を説明できるUIを作る。
「UIを作る」という命令だけでは、AIは無難な平均へ寄りやすくなります。このSkillは、題材に根差すこと、選択に理由を持たせること、目立たせる場...
失敗したブラウザーテストを、証拠から切り分ける
失敗画面だけで決めつけず、前後の証拠から次の一手を選ぶ。
Playwright Trace Viewerで確認できる操作、DOM、エラー、通信、ソース位置を、確認済みの事実と原因仮説に分け、最小の再実行範囲まで整理するSkill案です。
画面、ログ、通信、ソースを根拠に、直す前に確かめる原因候補と再実行範囲を決められる。
赤いエラー位置は原因そのものとは限りません。操作、DOM、Console、Network、ソース位置から確認できた内容と、そこから考えた原因候補を...
web-perfで計測から直す順番を決める
推測ではなく、ブラウザーの計測から改善順を決める。
Chrome DevTools MCPでページのトレース、ネットワーク、アクセシビリティツリーを調べ、計測結果に結び付いた改善候補を優先順に整理するCloudflare公式Skillです。
計測値と対象リソースを根拠に、直す項目と見送る項目を分けられる。
web-perfは最初にChrome DevTools MCPの操作を試し、利用できなければ停止します。自分たちのSkillでも、必要な権限、コマ...
Hugging Face Dataset Viewerで必要な行だけ確かめる
大きなデータセットを、構成から少しずつ確かめる。
Hugging FaceのDataset Viewer APIを使い、データセットの構成、先頭行、検索結果、サイズ、統計を必要な範囲だけ読み取る公式Skillです。
一部の取得結果を全体と誤認せず、必要なデータと次の確認方法を決められる。
このSkillは、いきなり行データを要求せず、最初にdataset、config、splitを確定します。自分たちのSkillでも、対象名だけで処...
Dockerfileの警告を、修正判断まで整理する
警告を数えるだけでなく、根拠と修正要否をそろえる。
Docker公式のBuild checksを先に実行し、警告ID、対象行、公式説明、変更差分を結びつけて、修正・確認・意図的な例外に整理するSkill案です。
警告ごとに根拠、対象行、判断、確認方法を残し、見落としと根拠のない自動修正を減らす。
AIの一般知識でDockerfileを採点する前に、対応環境を確認してBuild checksを実行します。出力された警告IDと行番号を一次情報と...
観測データの名前と意味を、実装時にそろえる
グラフを増やす前に、名前と意味をそろえる。
リポジトリ内のメトリクス・イベント・属性名を、固定版のOpenTelemetry Semantic Conventionsと社内例外に照らし、意味のずれを根拠付きで報告するSkill案です。
名前だけでなく意味・型・単位・安定度の差を、コード上の場所とともに変更前に確認できる。
同じ仕様内でもStable、Developmentなどの状態が分かれます。Skillには参照したversionと項目ごとの状態を記録させ、Deve...
gh-address-commentsとは？ PRの未解決指摘だけを選んで直すSkill
レビューコメントを、読むだけでなく解決まで追跡する。
Pull Requestの未解決レビューをスレッド状態や差分の文脈とともに整理し、選んだ修正を実装するOpenAI公式GitHubプラグイン内のSkillです。
指摘漏れと、不要な修正の広がりを減らす。
このSkillの核は、GitHub連携だけではレビューのスレッド状態を完全に扱えないという、実務上の制約を具体的に知っていることです。その不足をG...
PDF Skillとは？ 読む・分ける・作るを道具選びから支えるガイド
読む、結合する、分割する、作るを一つのガイドで。
PDFのテキスト・表抽出、結合、分割、回転、透かし、フォーム処理、作成、OCRなどを扱うClaude Code向けSkillです。
PDF処理ごとに手段を探し直す時間を減らし、目的に合う操作へ進む。
利用者が知りたいのは「pypdfを使いたい」ではなく、「結合したい」「表を取り出したい」といった結果です。このSkillも、複数の道具を処理目的ご...
Supabase Postgres Best Practicesとは？ 実践知を優先順位つきで使うSkill
SQLの正しさだけでなく、本番での振る舞いを点検する。
Supabaseの知見をもとに、Postgresのクエリ、スキーマ、インデックス、接続などをレビューするSkillです。
性能問題や運用上の落とし穴を、リリース前に見つける。
このSkillは知識を並べるだけでなく、8分野と影響度で整理し、必要なルールへ進める入口を作っています。自分たちのSkillでも、情報量が多い分野...
Vercel Optimizeで本番の数字から改善点を絞る
コードを探す前に本番の数字を見る
Vercelのメトリクスや利用状況から調査対象を絞り、根拠を確認した改善案だけを残す監査Skillです。
観測値と対象ファイルを結びつけ、根拠のある改善候補から着手できる
このSkillは、複数のコマンド結果や設定をsignals.jsonへ集めてから判断します。自分たちのSkillでも、AIへ断片的なログを順番に読...