Community라이팅 & 에디팅github.com

peterruiter/claude-build-framework

프레임워크 템플릿을 사용하여 단일 작업(기능, 수정, 개선, 번역, 접근성 또는 보안 항목)에 대한 완전한 에이전트 브리프를 작성합니다. 사용자나 plan-wave 스킬이 브리프를 요청하거나 "write a brief", "brief an agent", "delegate this"라고 말할 때 사용합니다.

claude-build-framework란 무엇인가요?

이 스킬은 개발 프로젝트에서 AI 에이전트에게 전달할 구조화된 작업 브리프를 생성하는 도구입니다. 주어진 템플릿(agent-brief.md)을 기반으로 기능 추가, 버그 수정, UI 개선, 번역, 접근성(WCAG 2.2 AA), 보안 등 다양한 유형의 작업에 대해 컨텍스트, 범위, 예약된 마이그레이션 슬롯, 스크래치 데이터베이스, 포트, 파일 소유권, 상시 규칙(모든 설정 언어, 다크/라이트 모드, 개인정보 보호, 데이터 상주, 변경 로그, AI 귀속 금지 등), 게이트 체크리스트, 보고서 형식을 모두 포함한 완전한 브리프를 생성합니다. Claude Code, Cursor, Codex 등 AI 코딩 에이전트 환경에서 사용할 수 있으며, 사용자가 직접 브리프를 요청하거나 plan-wave 스킬이 브리프를 필요로 할 때 자동으로 호출됩니다. 스킬은 먼저 저장소 경로, 브랜치, 스택 요약, 언어 설정(로케일 파일에서 읽음), 데이터 상주 규칙 등 사실 정보를 수집한 후 템플릿의 모든 플레이스홀더를 채우고, 해당하지 않는 섹션은 제거하며 이유를 명시합니다. 보안에 민감한 표면(로그인, 토큰, 웹훅 등)을 다루는 경우 별도의 보안 리뷰 항목을 명시적 수락 기준으로 추가합니다. 최종 출력은 하나의 마크다운 블록으로, 에이전트의 프롬프트로 직접 전달할 수 있습니다.

지원 대상✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/peterruiter/claude-build-framework/tree/HEAD/skills/agent-brief

Installed? Explore more 라이팅 & 에디팅 skills: steipete/notion, langchain-ai/langchain, bytedance/podcast-generation · View all 6 →

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

에이전트 브리프 작성

템플릿: ${CLAUDE_PLUGIN_ROOT}/templates/agent-brief.md. 배경: ${CLAUDE_PLUGIN_ROOT}/docs/waves-and-agents.md.

단계

  1. 사실 수집(추측 금지):
    • 저장소 경로, 브랜치, 스택 요약(CLAUDE.md), 게이트 명령어(CLAUDE.md 또는 프로파일);
    • 언어: build/contracts/locales.json 읽기: 개수, 소스 언어, 가장 긴 언어(보통 독일어 또는 핀란드어) 및 복수형이 많은 언어(Intl.PluralRules에서 few/many가 필요한 경우, 설정되어 있다면)를 스크린샷용으로 파악;
    • 데이터 상주(CLAUDE.md);
    • 문자열 폴더, 용어집, 변경 로그(가장 높은 ID: "작성하는 시점에서 다음 빈 번호" 명시);
    • 예약된 마이그레이션 슬롯, 스크래치 DB, 포트, 스크래치 폴더(웨이브 계획에서 가져오거나, 비어 있는 것을 골라 기록);
    • 먼저 연구할 파일과 에이전트가 소유하는 파일.
  2. 사용자 관점에서 목표 작성, 이후 구체적인 범위 항목과 범위 밖은 무엇인지 작성.
  3. 템플릿의 모든 플레이스홀더 채우기. 실제로 해당하지 않는 섹션(예: 백엔드 전용 항목의 스크린샷)은 제거하고 한 줄로 이유 설명.
  4. 상시 규칙을 템플릿에서 그대로 유지: 모든 설정 언어와 복수형, WCAG 2.2 AA, 라이트 및 다크 모드, 프라이버시 바이 디자인, 데이터 상주, 하나의 What's new 항목, STATE.md 섹션, 작고 집중된 수정, 커밋/푸시/배포/클라우드 금지, 비밀 정보 금지, 에이전트가 작성하는 모든 것에 AI 귀속 금지.
  5. 숫자가 포함된 체크리스트와 보고서 형식을 마지막에 추가.
  6. 항목이 보안에 민감한 표면(로그인, 토큰, 링크, 웹훅, 내보내기, 테넌트 경계)을 다루는 경우, ${CLAUDE_PLUGIN_ROOT}/docs/security-review.md의 관련 내용을 테스트와 함께 명시적 수락 기준으로 추가.
  7. 브리프를 하나의 블록으로 출력하여 에이전트 프롬프트로 바로 전달할 수 있도록 함.

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

Check that every tool a profile needs is installed and recent enough (git, GitHub CLI, Node.js, npm, plus the profile's own - e.g. .NET SDK, PowerShell 7, Azure CLI, Power Platform CLI, LocalDB, k6) and give the exact install command per OS for anything missing. Runs automatically at the start of new-project and quality-gate. Use when the user says "check my tools", "what do I need to install", "is my machine ready", or when a command fails with "not recognized" / "command not found".

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".

관련 스킬