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란 무엇인가요?

이 스킬은 개발 환경의 필수 도구들이 올바르게 설치되었는지 사전 점검(pre-flight check)하는 Claude Code용 플러그인입니다. Git, GitHub CLI, Node.js, npm 같은 공통 도구부터 .NET SDK, Azure CLI, Power Platform CLI, LocalDB, k6 같은 프로필별 도구까지 포함하여 버전이 최소 요구사항을 충족하는지 확인합니다. 누락되거나 오래된 도구가 발견되면 Windows, macOS, Linux 각각에 맞는 정확한 설치 명령어와 문서 링크를 사용자에게 제시합니다. `new-project` 및 `quality-gate` 시 자동 실행되며, 사용자가 "도구 확인", "설치할 것" 같은 요청을 하거나 명령어 실패 시에도 트리거됩니다. 설치 자체는 사용자가 직접 수행하도록 안내하며 이후 새 터미널에서 재확인을 권장합니다.

지원 대상✓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" <profile ...> 을 실행합니다.
    • 종료 코드 0: 모든 필수 도구가 설치되어 있습니다 (선택 도구는 여전히 나열될 수 있음).
    • 종료 코드 1: 필수 도구가 누락되었거나 최소 버전보다 낮습니다.
    • Node.js가 누락된 경우(명령어 자체가 실패): OS에 맞는 Node.js 설치 명령어를 제공하고 중단합니다.
  3. 간단한 표로 보고합니다: 도구, 발견된 버전, 필요 버전, 상태. 그런 다음, 누락되었거나 너무 오래된 항목에 대해서만 이 OS에 맞는 설치 명령어와 문서 링크를 출력합니다.
  4. 소유자가 요청하지 않는 한 시스템 전체 도구를 직접 설치하지 마십시오. 설치 후에는 새 터미널(PATH)을 열어 확인을 다시 실행하도록 요청합니다.

각 프로필의 목록은 ${CLAUDE_PLUGIN_ROOT}/profiles/<profile>/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".

관련 스킬