{"title":"AI 코딩 Agents","description":"\u003cp\u003e\u003cstrong\u003e프롬프트 지식 없이도 코드를 작성, 검토, 디버깅하고 끝까지 배포하는 AI 코딩 agent입니다.\u003c\/strong\u003e 각 agent는 Claude, ChatGPT 또는 모든 AI 채팅을 전문 개발자로 구성하여 전체 코딩 과정을 주도하고, 적절한 질문을 하며, 작동하는 프로덕션 준비 코드를 제공합니다.\u003c\/p\u003e\n\n\u003ch3\u003eAI 코딩 agent가 하는 일\u003c\/h3\u003e\n\u003cp\u003e보통 수시간이 걸리는 코딩 작업—함수를 처음부터 작성, 풀 리퀘스트 검토, 복잡한 오류 디버깅, 레거시 코드 리팩토링—을 끝까지 처리합니다. agent는 활성화부터 시작해 한 번에 한 질문씩 요구사항을 수집하고 완전하고 주석이 달린 작동 코드를 제공합니다.\u003c\/p\u003e\n\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003e코드 작성\u003c\/strong\u003e — 요구사항에 따른 함수, 컴포넌트, 스크립트, 전체 모듈\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e코드 검토\u003c\/strong\u003e — 버그 식별, 성능 문제, 보안 취약점, 모범 사례\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e디버깅\u003c\/strong\u003e — 오류 진단, 근본 원인 분석, 수정 구현\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e리팩토링\u003c\/strong\u003e — 레거시 코드 정리, 성능 최적화, 가독성 향상\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e문서화\u003c\/strong\u003e — 코드 주석, README 파일, API 문서\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003e작동 방식\u003c\/h3\u003e\n\u003cp\u003e스킬 파일을 Claude 프로젝트에 불러오거나 ChatGPT에 시스템 prompt로 붙여넣으세요. 활성화 prompt를 대화에 붙여넣으면 agent가 즉시 스택, 요구사항, 제약 조건에 대해 한 번에 한 질문씩 묻기 시작하고 완전하고 바로 사용할 수 있는 코드를 생성합니다. 프롬프트 경험이 필요 없습니다.\u003c\/p\u003e\n\n\u003ch3\u003eClaude, ChatGPT 또는 모든 AI 채팅과 호환\u003c\/h3\u003e\n\u003cp\u003e모든 agent는 스킬 파일과 활성화 prompt 두 개의 파일로 제공됩니다. 두 파일을 불러오면 agent가 작동합니다. Claude(권장), ChatGPT 또는 시스템 prompt를 지원하는 모든 AI assistant와 함께 사용할 수 있습니다.\u003c\/p\u003e\n\n\u003cp\u003e\u003cem\u003e필요한 코드를 얻기 위해 AI와 씨름하지 마세요. agent를 활성화하고 질문에 답하면 끝까지 프로덕션 준비 코드를 받아볼 수 있습니다.\u003c\/em\u003e\u003c\/p\u003e","products":[{"product_id":"albert-ai-code-review-agent","title":"앨버트 — AI 코드 리뷰 에이전트","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n\n  \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n    Claude에 Albert를 로드하면 모든 언어와 프레임워크에 대해 철저하고 구조화된 코드 리뷰를 수행하는 시니어 코드 리뷰 에이전트를 얻을 수 있습니다 — 모든 버그, 보안 취약점, 성능 문제를 심각도별로 평가하고 구체적 수정과 함께 제공하며 모호한 피드백이 아닙니다.\n  \u003c\/p\u003e\n\n  \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n    대부분의 코드 리뷰 피드백은 너무 일반적이거나 중요한 문제를 놓칩니다. Albert는 다릅니다. 리뷰 전에 코드에 대해 언어, 목적, 우려 영역, 프로덕션 여부 등 구체적 intake 질문을 하고, 개발자가 즉시 조치할 수 있는 완전한 리뷰 보고서를 제공합니다. Claude, ChatGPT 또는 시스템 prompt를 허용하는 모든 AI 채팅 모델과 호환됩니다.\n  \u003c\/p\u003e\n\n  \u003cdiv style=\"background: #E6F1FB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003e제공 내용\u003c\/p\u003e\n    \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003e심각도 등급별 발견 사항\u003c\/strong\u003e — 모든 문제를 Critical, High, Medium, Low로 평가하여 프로덕션 전에 반드시 수정할 사항과 나중에 해도 되는 사항을 명확히 구분, 우선순위에 대한 모호함 없음\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003e보안 감사\u003c\/strong\u003e — OWASP Top 10 취약점, 인젝션 위험, 인증 문제, 코드 내 비밀, 불안전한 의존성 식별 및 프로덕션 이전에 구체적 수정 권고\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003e성능 리뷰\u003c\/strong\u003e — 알고리즘 복잡도 문제, N+1 쿼리, 불필요한 루프, 메모리 누수, 차단 작업 식별 및 구체적 최적화 권고\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003e오류 처리 누락\u003c\/strong\u003e — 누락된 try\/catch 블록, 처리되지 않은 프로미스, 무음 실패, 프로덕션에서 문제를 일으킬 엣지 케이스 식별 및 수정\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003e코드 품질 평가\u003c\/strong\u003e — DRY 위반, 단일 책임 문제, 명명 명확성, 죽은 코드, 유지보수성 문제를 구체적 리팩토링 권고와 함께 표시\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003e완전한 리뷰 보고서\u003c\/strong\u003e — 심각도별 총 발견 사항 요약, 중요도 순서로 정렬된 개별 발견 사항(위치, 설명, 구체적 수정 포함), 그리고 전반적인 프로덕션 준비 상태 평가\u003c\/span\u003e\n      \u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"display: flex; align-items: center; gap: 20px; background: #FFFFFF; border: 1px solid #E8E6E0; border-radius: 8px; padding: 14px 20px; margin-bottom: 24px;\"\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780; font-family: monospace;\"\u003e📄 albert-code-review-agent.skill\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e2분 이내 설치 완료\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eClaude, ChatGPT 및 모든 AI 채팅과 호환\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"border-left: 3px solid #185FA5; padding-left: 16px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003e설치 방법\u003c\/p\u003e\n    \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n      .skill 패키지를 다운로드 → Claude 실행 → SKILL.md를 프로젝트 지침 또는 시스템 prompt에 로드 → 활성화 prompt를 대화에 붙여넣기 → Albert가 한 번에 한 질문씩 intake 질문을 하고 완전하고 구조화된 코드 리뷰 보고서를 제공합니다. Claude(권장), ChatGPT 또는 시스템 prompt를 허용하는 모든 AI 채팅과 함께 작동합니다.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Kissmyskills","offers":[{"title":"Default Title","offer_id":57850878394632,"sku":"albert-ai-code-review-agent","price":49.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/ag2-albert-nf.png?v=1784817050"},{"product_id":"conrad-ai-bug-fixer-agent","title":"콘라드 — AI 버그 수정 에이전트","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n\n  \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n    Claude에 Conrad를 불러와 시니어 버그 수정 에이전트를 만나보세요. 깨진 코드, 오류 메시지, 예상치 못한 동작을 진단하고 근본 원인을 파악하며, 왜 그런 일이 발생하는지 정확히 설명하고, 검증 단계가 포함된 구체적인 전후 수정을 제공합니다. 추측이나 임시방편이 없습니다.\n  \u003c\/p\u003e\n\n  \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n    대부분의 디버깅 시간은 실제 문제를 해결하지 못하는 임시방편에 낭비됩니다. Conrad는 이를 해결합니다. 코드가 무엇을 해야 하는지, 실제로 무엇을 하는지, 버그 발생 전 무엇이 바뀌었는지에 대해 구체적인 질문을 하여 근본 원인을 진단한 후 한 줄도 수정하지 않습니다. Claude, ChatGPT 또는 시스템 prompt를 받는 모든 AI 채팅 모델에서 작동합니다.\n  \u003c\/p\u003e\n\n  \u003cdiv style=\"background: #E6F1FB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003e제공 내용\u003c\/p\u003e\n    \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003e근본 원인 진단\u003c\/strong\u003e — 실제 문제와 발생 이유, 코드 내 정확한 위치를 명확히 설명하여 패치가 아닌 문제 자체를 이해할 수 있도록 합니다.\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003e수정 전후 코드\u003c\/strong\u003e — 원래의 오류 코드와 수정된 코드를 나란히 보여주며, 무엇이 어떻게 바뀌었고 왜 수정이 효과적인지 인라인 주석으로 명확히 설명합니다. 단순 복사 붙여넣기가 아닙니다.\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003e오류 메시지 해석\u003c\/strong\u003e — 스택 트레이스, TypeError, NullPointerException, 처리되지 않은 프로미스 거부, CORS 오류 등 모든 오류 메시지를 발생 지점이 아닌 근원까지 추적하여 읽고 분석합니다.\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003e검증 단계\u003c\/strong\u003e — 수정 사항이 실제로 작동하는지 확인하는 특정 테스트 케이스나 점검으로, 테스트되지 않은 수정은 여전히 추측에 불과하기 때문입니다.\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003e다음에는 방지하기\u003c\/strong\u003e — 향후 같은 유형의 버그가 다시 발생하지 않도록 실용적인 예방 팁을 제공합니다.\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003e부가 관찰 사항\u003c\/strong\u003e — 주변 코드에서 발견된 추가 문제를 별도로 표시하여 Conrad가 요청하지 않은 부분을 리팩토링하지 않고도 무엇을 더 해결해야 하는지 알 수 있습니다.\u003c\/span\u003e\n      \u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"display: flex; align-items: center; gap: 20px; background: #FFFFFF; border: 1px solid #E8E6E0; border-radius: 8px; padding: 14px 20px; margin-bottom: 24px;\"\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780; font-family: monospace;\"\u003e📄 conrad-bug-fixer-agent.skill\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e2분 이내 설치 완료\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eClaude, ChatGPT 및 모든 AI 채팅과 호환\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"border-left: 3px solid #185FA5; padding-left: 16px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003e설치 방법\u003c\/p\u003e\n    \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n      .skill 패키지를 다운로드 → Claude 열기 → SKILL.md를 프로젝트 지침 또는 시스템 prompt에 불러오기 → 활성화 prompt를 대화에 붙여넣기 → Conrad가 질문을 하나씩 하며 근본 원인을 진단하고, 전후 코드와 함께 완전한 수정을 제공합니다. Claude(권장), ChatGPT 또는 시스템 prompt를 받는 모든 AI 채팅에서 작동합니다.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Kissmyskills","offers":[{"title":"Default Title","offer_id":57850879312136,"sku":"conrad-ai-bug-fixer-agent","price":49.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/ag2-conrad-nf.png?v=1784817049"},{"product_id":"dorian-ai-api-documentation-agent","title":"도리안 — AI API 문서 에이전트","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n\n  \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n    Claude에 Dorian을 불러와 시니어 API 문서 에이전트를 얻으세요. API 코드, 라우트, 기술 노트를 완전하고 전문적인 문서로 변환합니다 — 엔드포인트 참조, 인증 가이드, 요청 및 응답 예시, 오류 코드 표, 개발자 빠른 시작 가이드까지 바로 게시할 준비 완료.\n  \u003c\/p\u003e\n\n  \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n    대부분의 API는 마지막에, 부실하게, 또는 아예 문서화되지 않아 개발자가 몇 분 만에 설명할 수 있었던 내용을 몇 시간씩 헤매게 됩니다. Dorian이 이를 해결합니다. 원시 라우트, 컨트롤러 코드, Postman 컬렉션, 대략적인 노트 등 무엇이든 활용해 API와 대상에 대해 구체적인 질문을 한 후 개발자가 첫날부터 사용할 수 있는 문서를 작성합니다. Claude, ChatGPT 또는 시스템 prompt를 받는 모든 AI 채팅 모델과 호환됩니다.\n  \u003c\/p\u003e\n\n  \u003cdiv style=\"background: #E6F1FB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003e제공 내용\u003c\/p\u003e\n    \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003e전체 엔드포인트 참조\u003c\/strong\u003e — HTTP 메서드, 경로, 설명, 매개변수 표, 요청 본문, 성공 응답, 오류 코드 등 모든 엔드포인트를 문서화하여 개발자가 소스 코드를 읽지 않고도 필요한 모든 정보를 제공\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003e인증 가이드\u003c\/strong\u003e — 자격 증명 획득 방법, 요청에 포함하는 방법(헤더 형식 예제 포함), 완전한 인증 요청 예시를 문서화하여 개발자가 몇 시간 대신 몇 분 만에 문제를 해결할 수 있도록 지원\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003e실제 요청 및 응답 예시\u003c\/strong\u003e — 모든 엔드포인트에 대해 자리 표시자 문자열이 아닌 실제 값이 포함된 curl 예제와 JSON 본문 제공, 개발자가 바로 복사, 붙여넣기, 실행 가능\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003e오류 코드 참조\u003c\/strong\u003e — API가 반환하는 모든 상태 코드를 설명과 해결 가이드와 함께 완벽하게 정리하여 개발자가 지원 티켓 없이 오류를 처리할 수 있도록 지원\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003e개발자 빠른 시작 가이드\u003c\/strong\u003e — 10분 이내에 처음 성공적인 API 호출까지 단계별 안내, 통합을 시작하는 모든 개발자에게 가장 가치 있는 섹션\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003e포맷 유연성\u003c\/strong\u003e — GitHub 또는 문서 사이트용 Markdown, Swagger UI 또는 Redoc용 OpenAPI 3.0 YAML, Confluence 및 Notion용 일반 구조화 텍스트 등 팀에서 사용하는 포맷으로 출력 가능\u003c\/span\u003e\n      \u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"display: flex; align-items: center; gap: 20px; background: #FFFFFF; border: 1px solid #E8E6E0; border-radius: 8px; padding: 14px 20px; margin-bottom: 24px;\"\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780; font-family: monospace;\"\u003e📄 dorian-api-documentation-agent.skill\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e2분 이내 설치 완료\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eClaude, ChatGPT 및 모든 AI 채팅과 호환\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"border-left: 3px solid #185FA5; padding-left: 16px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003e설치 방법\u003c\/p\u003e\n    \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n      .skill 패키지를 다운로드 → Claude 열기 → SKILL.md를 프로젝트 지침 또는 시스템 prompt에 불러오기 → 활성화 prompt를 대화에 붙여넣기 → Dorian이 질문을 하나씩 하며 완전하고 전문적인 API 문서를 작성하여 바로 게시할 수 있습니다. Claude(권장), ChatGPT 또는 시스템 prompt를 받는 모든 AI 채팅과 호환됩니다.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Kissmyskills","offers":[{"title":"Default Title","offer_id":57850880786696,"sku":"dorian-ai-api-documentation-agent","price":49.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/ag2-dorian-nf.png?v=1784817050"},{"product_id":"edmund-ai-full-stack-developer-agent","title":"에드먼드 — AI 풀스택 개발자 에이전트","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n\n  \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n    Claude에 Edmund를 로드하면 시니어 풀스택 개발자 에이전트를 얻을 수 있습니다. 이 에이전트는 기능 개요를 받아 데이터베이스 스키마, 백엔드 로직, API 엔드포인트, 프론트엔드 컴포넌트를 완성하며, 모든 아키텍처 결정이 정당화된 프로덕션 준비 완료 코드를 레이어별로 제공합니다.\n  \u003c\/p\u003e\n\n  \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n    대부분의 AI 생성 코드는 주석 없는 블록을 생성하고 넘어갑니다. Edmund는 다릅니다. 스택과 요구사항에 대해 구체적인 질문을 한 후 한 줄씩 작성하며 각 레이어를 순차적으로 빌드하고, 각 단계마다 점검하며 모든 결정을 설명해 이해하고 유지 관리할 수 있도록 합니다. Claude, ChatGPT 또는 시스템 prompt를 허용하는 모든 AI 채팅 모델과 함께 작동합니다.\n  \u003c\/p\u003e\n\n  \u003cdiv style=\"background: #E6F1FB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003e제공 내용\u003c\/p\u003e\n    \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003e데이터베이스 레이어\u003c\/strong\u003e — 스키마 설계, 모델, 마이그레이션에 인라인 주석과 모든 구조적 결정에 대한 설명 포함, 다음 레이어로 넘어가기 전에 구축된 내용과 이유를 이해할 수 있도록 지원\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003e백엔드 로직\u003c\/strong\u003e — 오류 처리, 입력 검증, 보안 고려 사항이 각 단계마다 표시된 서비스 함수 및 핵심 처리 로직 — 사후 추가가 아님\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003eAPI 엔드포인트\u003c\/strong\u003e — 요청\/응답 계약, 검증, 오류 응답, 올바른 HTTP 상태 코드가 포함된 REST 엔드포인트로 첫 커밋부터 프로덕션 준비 완료\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003e프론트엔드 컴포넌트\u003c\/strong\u003e — API 통합, 상태 관리, 로딩 상태, 오류 처리 기능이 내장된 UI 컴포넌트 — React, Vue, Next.js, Nuxt 등 정확한 프레임워크에 맞게 조정\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003e스택 인식 빌드\u003c\/strong\u003e — Edmund는 자신의 선호가 아닌 사용자의 스택에 맞춰 빌드합니다. Django + React, Node + Vue, FastAPI + Next.js 등 어떤 스택을 사용하든 재작성 없이 맞춤 출력 제공\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003e통합 노트\u003c\/strong\u003e — 레이어 연결 방법, 필요한 환경 변수, 설치할 종속성, 처리해야 할 알려진 예외 상황 등, 추측 없이 배포할 수 있도록 안내\u003c\/span\u003e\n      \u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"display: flex; align-items: center; gap: 20px; background: #FFFFFF; border: 1px solid #E8E6E0; border-radius: 8px; padding: 14px 20px; margin-bottom: 24px;\"\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780; font-family: monospace;\"\u003e📄 edmund-full-stack-developer-agent.skill\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e2분 이내 설치\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eClaude, ChatGPT 및 모든 AI 채팅과 함께 작동\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"border-left: 3px solid #185FA5; padding-left: 16px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003e설치 방법\u003c\/p\u003e\n    \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n      .skill 패키지를 다운로드 → Claude 열기 → SKILL.md를 프로젝트 지침 또는 시스템 prompt에 로드 → 활성화 prompt를 대화에 붙여넣기 → Edmund가 질문을 하나씩 하며 설명된, 프로덕션 준비가 된 코드를 레이어별로 구축합니다. Claude(권장), ChatGPT 또는 시스템 prompt를 허용하는 모든 AI 채팅과 함께 작동합니다.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Kissmyskills","offers":[{"title":"Default Title","offer_id":57850931970312,"sku":"edmund-ai-full-stack-developer-agent","price":49.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/ag2-edmund-nf.png?v=1784817050"},{"product_id":"rupert-ai-devops-agent","title":"루퍼트 — AI 데브옵스 에이전트","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n\n  \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n    Claude에 Rupert를 불러와 인프라 설정, CI\/CD 파이프라인 구성, 컨테이너화, 클라우드 배포를 안내하는 시니어 DevOps 에이전트를 만나보세요 — 완전한 프로덕션 준비 구성 파일과 정확한 구현 단계를 제공하여 전담 DevOps 엔지니어 없이도 애플리케이션을 라이브할 수 있습니다.\n  \u003c\/p\u003e\n\n  \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n    대부분의 배포 문제는 튜토리얼에서 복사한 구성 파일을 제대로 수정하지 않아 발생합니다. Rupert는 이를 해결합니다. 스택, 클라우드 제공자, 현재 설정에 대해 구체적인 질문을 한 후 한 줄의 구성도 작성하기 전에 배포 가능한 파일을 제공하며 모든 보안 사항을 사전에 표시합니다. Claude, ChatGPT 또는 시스템 prompt를 허용하는 모든 AI 채팅 모델에서 작동합니다.\n  \u003c\/p\u003e\n\n  \u003cdiv style=\"background: #E6F1FB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003e제공 내용\u003c\/p\u003e\n    \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003eDocker 구성\u003c\/strong\u003e — 다단계 빌드, 비루트 사용자, 헬스 체크, 레이어 최적화가 포함된 Dockerfile과 서비스 종속성, 볼륨 마운트, 환경 파일을 위한 로컬 개발용 docker-compose 포함\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003eCI\/CD 파이프라인\u003c\/strong\u003e — 작업 종속성, 비밀 관리, 배포 트리거, 환경 승격이 포함된 완전한 GitHub Actions, GitLab CI 또는 CircleCI 워크플로우로 메인 브랜치에 푸시할 때마다 자동으로 안전하게 배포됩니다.\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003e클라우드 배포 구성\u003c\/strong\u003e — AWS, GCP, DigitalOcean, Railway, Render 또는 Fly.io — 일반 템플릿이 아닌 스택에 필요한 정확한 구성으로 제공되어 많은 편집이 필요 없습니다.\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003e코드로서의 인프라\u003c\/strong\u003e — 필요한 경우 Terraform 모듈 또는 Ansible 플레이북, 상태 관리, 변수 파일, 초기화, 계획 및 적용을 위한 정확한 명령 포함\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003e환경 변수 표\u003c\/strong\u003e — 필요한 모든 변수를 목적과 설정 위치와 함께 나열, 환경 변수 누락이 배포 실패의 가장 흔한 원인이기 때문입니다.\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003e모든 출력물에 대한 보안 주의사항\u003c\/strong\u003e — 비밀 관리, IAM 최소 권한, 네트워크 노출, 컨테이너 보안이 요청 없이도 표시되어 라이브 후 보안 취약점을 발견하지 않도록 합니다.\u003c\/span\u003e\n      \u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"display: flex; align-items: center; gap: 20px; background: #FFFFFF; border: 1px solid #E8E6E0; border-radius: 8px; padding: 14px 20px; margin-bottom: 24px;\"\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780; font-family: monospace;\"\u003e📄 rupert-devops-agent.skill\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e2분 이내 설치 완료\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eClaude, ChatGPT 및 모든 AI 채팅과 호환\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"border-left: 3px solid #185FA5; padding-left: 16px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003e설치 방법\u003c\/p\u003e\n    \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n      .skill 패키지를 다운로드 → Claude 열기 → SKILL.md를 프로젝트 지침 또는 시스템 prompt에 불러오기 → 활성화 prompt를 대화에 붙여넣기 → Rupert가 질문을 하나씩 하고 단계별 구현 지침과 함께 완전한 배포 가능한 구성 파일을 제공합니다. Claude(권장), ChatGPT 또는 시스템 prompt를 허용하는 모든 AI 채팅에서 작동합니다.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Kissmyskills","offers":[{"title":"Default Title","offer_id":57850985971976,"sku":"rupert-ai-devops-agent","price":49.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/ag2-rupert-nf.png?v=1784817048"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/collections\/AI_Coding_Agents.png?v=1784820744","url":"https:\/\/kissmyskills.com\/ko\/collections\/ai-coding-agents.oembed","provider":"KissMySkills","version":"1.0","type":"link"}