Agent Skills — Addy Osmani의 AI 코딩 에이전트 스킬 모음

Google Chrome 팀 Addy Osmani가 만든 프로덕션급 엔지니어링 스킬 19개. 시니어 엔지니어의 워크플로우, 품질 게이트, 베스트 프랙티스를 AI 에이전트가 일관되게 따르도록 패키징.

개요

DEFINE → PLAN → BUILD → VERIFY → REVIEW → SHIP 전체 개발 라이프사이클을 커버하는 19개 스킬과 7개 슬래시 커맨드. Claude Code, Cursor, Gemini CLI, Windsurf, GitHub Copilot 등 다양한 AI 코딩 에이전트에서 사용 가능.

슬래시 커맨드 (7개)

커맨드	목적	원칙
/spec	구축할 것 정의	코드 전에 스펙
/plan	방법 기획	작고 원자적인 태스크
/build	점진적 구현	한 슬라이스씩
/test	검증	테스트가 증거
/review	머지 전 리뷰	코드 품질 향상
/code-simplify	단순화	명확함 > 교묘함
/ship	프로덕션 배포	빠를수록 안전

스킬은 컨텍스트에 따라 자동 활성화도 됨 (API 설계 시 api-and-interface-design, UI 구현 시 frontend-ui-engineering 등).

19개 스킬 전체 목록

Define — 정의

스킬	내용
idea-refine	발산/수렴 사고로 모호한 아이디어를 구체적 제안으로
spec-driven-development	PRD 작성 후 코딩 (목표, 명령어, 구조, 테스트, 경계)

Plan — 기획

스킬	내용
planning-and-task-breakdown	스펙을 작고 검증 가능한 태스크로 분해 (수용 기준, 의존성 순서)

Build — 구현

스킬	내용
incremental-implementation	얇은 수직 슬라이스 — 구현, 테스트, 검증, 커밋 (피처 플래그, 롤백 친화)
test-driven-development	Red-Green-Refactor, 테스트 피라미드 (80/15/5), DAMP > DRY, Beyonce Rule
context-engineering	에이전트에게 올바른 정보를 올바른 시점에 제공 (rules, MCP)
frontend-ui-engineering	컴포넌트 아키텍처, 디자인 시스템, WCAG 2.1 AA 접근성
api-and-interface-design	Contract-first, Hyrum’s Law, One-Version Rule, 에러 시맨틱

Verify — 검증

스킬	내용
browser-testing-with-devtools	Chrome DevTools MCP로 런타임 데이터 검사 (DOM, 콘솔, 네트워크, 프로파일링)
debugging-and-error-recovery	5단계 트리아주: 재현, 지역화, 축소, 수정, 가드

Review — 리뷰

스킬	내용
code-review-and-quality	5축 리뷰, 체인지 사이징 (~100줄), 심각도 라벨
code-simplification	Chesterton’s Fence, Rule of 500, 복잡도 감소
security-and-hardening	OWASP Top 10, 인증 패턴, 시크릿 관리, 3티어 경계 시스템
performance-optimization	측정 우선, Core Web Vitals, 번들 분석, 안티패턴 탐지

Ship — 배포

스킬	내용
git-workflow-and-versioning	트렁크 기반 개발, 원자적 커밋, 체인지 사이징
ci-cd-and-automation	Shift Left, Faster is Safer, 피처 플래그, 품질 게이트
deprecation-and-migration	Code-as-liability 사고방식, 의무/권고 deprecation, 좀비 코드 제거
documentation-and-adrs	ADR, API 문서, 인라인 문서 표준
shipping-and-launch	사전 체크리스트, 스테이지드 롤아웃, 롤백, 모니터링

설치

# Claude Code (마켓플레이스)
/plugin marketplace add addyosmani/agent-skills
/plugin install agent-skills@addy-agent-skills
 
# Claude Code (로컬)
git clone https://github.com/addyosmani/agent-skills.git
claude --plugin-dir /path/to/agent-skills
 
# Cursor: .cursor/rules/에 SKILL.md 복사
# Gemini CLI: gemini skills install https://github.com/addyosmani/agent-skills.git

스킬은 순수 마크다운이라 시스템 프롬프트나 인스트럭션 파일을 받는 모든 에이전트에서 동작.

관련 노트

• 2026-03-29-memento-skills — 에이전트가 에이전트를 설계하는 스킬 프레임워크
• 2026-04-04-claude-code-forks-open-source-projects — Claude Code 기반 프로젝트 생태계
• 2026-04-01-claude-code-source-code-leak-analysis — Claude Code 아키텍처 분석

출처

• GitHub: https://github.com/addyosmani/agent-skills
• 저자: Addy Osmani (Google Chrome 팀)