Communityコーディング&開発github.com

peterruiter/claude-build-framework

プロファイルが必要とするすべてのツールがインストールされ、最新バージョンであるかを確認します(git、GitHub CLI、Node.js、npm、さらにプロファイル独自のツール例:.NET SDK、PowerShell 7、Azure CLI、Power Platform CLI、LocalDB、k6)。不足しているものがあれば、OSごとの正確なインストールコマンドを表示します。新しいプロジェクト開始時や品質ゲート時に自動実行されます。「ツールを確認して」「何をインストールすべき?」「マシンの準備はできてる?」といったユーザーの依頼や、コマンドが「認識されない」「コマンドが見つかりません」と失敗した場合に使用します。

claude-build-framework とは?

このスキルは、開発プロファイルが必要とするすべてのツールがインストールされ、最新バージョンであるかを自動的にチェックし、不足やバージョン不足がある場合はOSごとの正確なインストールコマンドを提示します。主にClaude CodeなどのAIエージェント環境で使用され、新しいプロジェクトの開始時や品質ゲート時に自動実行されるほか、ユーザーが明示的に「ツールを確認して」と依頼した場合や、コマンド実行時に「コマンドが見つかりません」エラーが発生した場合にトリガーされます。プロファイルはCLAUDE.mdに指定されたものか、引数で指定されたもの、もしくはユーザーに問い合わせて選択されます。チェック結果は短い表で表示され、不足ツールのインストールコマンドとドキュメントリンクが提供されますが、システム全体へのツールインストールはユーザーの明示的な許可がない限り自動では行いません。各プロファイルの前提条件は`prerequisites.json`で定義され、フレームワーク自体も独自の前提条件を持っています。

対応✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/peterruiter/claude-build-framework/tree/HEAD/skills/check-tools

Installed? Explore more コーディング&開発 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

ツールの確認

  1. プロファイルを選択します:引数があればそれを使用し、なければプロジェクトのCLAUDE.mdに記載されたプロファイル名、それもなければユーザーに問い合わせます (${CLAUDE_PLUGIN_ROOT}/profiles/ 内のフォルダ一覧を表示)。複数のプロファイルを同時にチェックできます。 例:dataverse-solution power-platform-pcf dataverse-plugins
  2. 次のコマンドを実行します:node "${CLAUDE_PLUGIN_ROOT}/scripts/check-prereqs.mjs" <プロファイル ...>
    • 終了コード0:必要なツールはすべて揃っています(オプションツールは引き続き表示される場合があります)。
    • 終了コード1:必要なツールが見つからないか、最小バージョンより古いです。
    • Node.jsが見つからない場合(コマンド自体が失敗):OSに応じたNode.jsインストールコマンドを表示して停止します。
  3. 短い表で報告:ツール、見つかったバージョン、必要なバージョン、ステータス。その後、不足しているか古いツールについてのみ、このOS用のインストールコマンドとドキュメントリンクを表示します。
  4. ユーザーが明示的に依頼しない限り、システム全体のツールを自分でインストールしないでください。ユーザーがインストールした後は、新しいターミナル(PATHを更新)を開いて再度チェックを実行するよう依頼してください。

各プロファイルのリストは ${CLAUDE_PLUGIN_ROOT}/profiles/<プロファイル>/prerequisites.json にあります。フレームワーク自身のリストは ${CLAUDE_PLUGIN_ROOT}/prerequisites.json です。ツールを追加するには、id、name、command、args、pattern(グループ1にバージョン)、オプションで min、required、why、install(windows/macos/linux用)、docs を含むエントリを追加します。セルフテストですべてのエントリがチェックされます。

Individual skills in this repo

This repo contains 4 individual skills — each has its own dedicated page.

peterruiter/claude-build-framework

Full accessibility pass to WCAG 2.2 AA - axe-core through Playwright over every main page in light and dark at 1440/390 (and 320 for reflow), probes for skip link, one h1, lang, visible and unobscured focus, 24px targets and sideways scrolling, a keyboard script for dialogs/drawers/tabs, manual checks (text spacing, zoom, dragging alternatives, accessible authentication), contract tests for shared components and theme contrast, fixes, known limitations with reasons and an accessibility statement page. Use when the user asks for an "accessibility pass", "WCAG", "a11y audit", "screen reader", or before the first public release.

peterruiter/claude-build-framework

Write one complete agent brief from the framework's template for a single piece of work (feature, fix, polish, translation, accessibility or security item), with context, scope, reserved migration slot, scratch database, ports, file ownership, the standing rules (all configured languages, WCAG 2.2 AA, light and dark, privacy, data residency, What's new, no AI attribution), the gate and the report format. Use when the user or the plan-wave skill needs a brief, or says "write a brief", "brief an agent", "delegate this".

peterruiter/claude-build-framework

Build a sync from a SaaS product to customers' Dynamics 365 / Dataverse environments and Customer Insights - Journeys (multi-tenant app with admin consent and an application user, Web API upserts, contact matching, leads, timeline notes, custom triggers, marketing lists, deep links), tested against a stand-in and a marked sandbox. Use when the owner asks for a Dynamics 365, Dataverse, Power Platform or Customer Insights - Journeys integration.

peterruiter/claude-build-framework

Apply, switch or regenerate a project's design system (the one source of colours, fonts, logos, chart, email, document and video styles for every output), check its contrast in light and dark, and add a new design system to the framework from a Claude Design System artifact. Uses scripts/design-system.mjs to generate tokens.css, tokens.ts, a Fluent UI theme, a model-driven app theme, email and chart palettes, the video-tour brand block and an Office theme mapping. Use when the user says "design system", "apply the brand", "use our house style", "switch theme", "rebrand", "regenerate the tokens", "check contrast", or "add a design system".

関連スキル