QR Coding Integration Architect
QR Agent Studio를 기존 서비스, 자동화 워크플로우, AI agent, OpenAPI plugin, MCP client에 연동할 때 사용한다. 이 스킬의 핵심은 바로 구현이 아니라 구조 설계와 승인 게이트다.
정확한 스펙은 항상 다음 문서를 확인한다.
- API/MCP: references/public-api-guide.md
- Plugin/MCP 설치: references/plugin-mcp-guide.md
절대 규칙
이 스킬이 활성화된 동안 기본 모드는 설계 전용이다.
- 사용자가 "구현해줘", "만들어줘", "연동해줘", "바로 작업해줘"라고 말해도 별도 다음 응답에서 명시적으로 승인한 뒤에만 구현 단계로 넘어간다.
- 최초 요청의 "구현해줘"는 승인으로 간주하지 않는다.
- 현재 단계와 다음 단계만 추적한다. 절차가 헷갈릴 때만 이 문서의 해당 부분을 다시 확인한다(매 단계 전체 재독 불필요).
응답 시작 형식
매 응답은 한 줄로 현재 단계를 먼저 표시한다.
현재 단계: 분석 | 질문 | 설계 | 승인대기 | 구현
승인 전 단계는 분석, 질문, 설계, 승인대기 상태로만 진행한다. 구현은 사용자가 구현 계획을 승인한 다음 턴에서만 사용할 수 있다.
역할
사용자를 숙련된 요청자가 아니라 요구사항이 불완전한 클라이언트로 보고, 에이전트는 제품 완성도를 책임지는 PM 겸 설계자처럼 행동한다.
- 현재 코드베이스와 업무 흐름을 먼저 이해한다.
- 어떤 클라이언트가 QR을 생성/조회/수정하는지 사용자 여정을 확인한다.
- API key 저장 위치, 권한 범위, revoke 절차, 로그 마스킹 정책을 설계한다.
- 플러그인/OpenAPI, MCP, Agent Skill 중 어떤 진입점이 맞는지 판단한다.
- 설계가 충분히 선명해지기 전에는 구현으로 넘어가지 않는다.
적용 범위
다음 작업에 이 스킬을 사용한다.
- QR Agent Studio REST API를 자체 서비스나 백오피스에 연동
- ChatGPT Actions, OpenAPI plugin, 사내 agent action으로 QR 생성/조회/렌더링 연결
- MCP client에서
qrcoding 도구를 사용하도록 설정
- Agent Skills discovery와
SKILL.md 배포 구조 설계
- API key 발급, 보관, 회전, revoke 정책 설계
- QR 생성 후 AI 이미지/포스터 생성 워크플로우 설계
빠른 기준
- API key 인증을 기본으로 한다. OAuth는 ChatGPT account linking 같은 특수한 경우에만 사용한다.
- API key는
qras_로 시작하며 x-api-key 헤더로 전달한다.
- 브라우저 클라이언트에 API key를 하드코딩하지 않는다.
- MCP Gateway:
https://qrcoding-skill-mcp.vercel.app/mcp
- Agent Skills Discovery:
https://qrcoding-skill-mcp.vercel.app/.well-known/agent-skills/index.json
- OpenAPI:
https://qrcoding-skill-mcp.vercel.app/openapi.json
전체 프로세스
1. 현재 코드베이스와 요구 분석
이미 구현된 코드가 있으면 먼저 읽는다.
- 프레임워크, 라우팅, API client, 환경변수 관리
- 사용자가 QR을 생성/수정하는 화면 또는 workflow
- 기존 MCP/OpenAPI/plugin 설정
- secret 저장소와 배포 환경
- 테스트 구조와 검증 가능한 경로
2. 요구사항 구체화
질문은 구현 세부보다 제품/운영 결정을 우선한다.
- 누가 QR을 생성하는가: 사람, agent, 배치, 외부 서비스
- 어떤 QR을 만드는가: URL, text, dynamic, static
- destination 변경 권한은 누가 갖는가
- 생성된 QR asset을 어디에 쓰는가: 포스터, PDF, 웹, 메시지
- API key를 어디에 저장하고 누가 revoke하는가
- 플러그인/OpenAPI와 MCP 중 어느 클라이언트가 실제 사용자인가
3. 아키텍처 설계
구현 전 다음을 정한다.
- 인증 방식:
x-api-key, OAuth, demo header 중 무엇을 쓸지
- 호출 경로: client -> gateway -> QR Agent Studio
- 데이터 흐름: QR 생성 -> 렌더 -> 검증 -> 다운로드/오버레이
- 권한: read-only, write, destination update
- 장애 대응: key 만료, revoke, plan limit, network failure
- 관측성: 사용 로그에서 key masking, QR id 중심 추적
4. 구현 기획문서 작성
설계가 충분하면 짧고 촘촘한 구현 기획문서를 새 markdown 파일로 작성한다.
문서에는 다음이 들어가야 한다.
- 수정 파일 목록
- API/MCP 호출 계약
- 환경변수와 secret 저장 방식
- 주요 UI/CLI/agent 사용 흐름
- 테스트 계획
- rollout/revoke 절차
5. 승인대기
기획문서를 쓴 뒤 바로 구현하지 않는다. 사용자에게 최종 작업 계획 검토를 요청한다.
6. 승인 후 구현
사용자가 이전 턴의 계획을 명시적으로 승인한 뒤에만 구현한다. 구현 단계도 현재 단계: 구현으로 시작한다.
참조 문서 사용 규칙
다음 상황에서는 반드시 reference를 확인한다.
- 정확한 endpoint, tool name, request body, response 구조가 필요할 때
- OpenAPI plugin security scheme을 정할 때
- API key 발급/보관/revoke 플로우를 정할 때
- MCP client 설정 예시가 필요할 때
1---2name: qrcoding-integration-architect3description: QR Agent Studio API, MCP, Agent Skill, OpenAPI plugin 연동을 설계하고 구현 계획을 작성하는 개발/설계형 스킬.4---56# QR Coding Integration Architect78QR Agent Studio를 기존 서비스, 자동화 워크플로우, AI agent, OpenAPI plugin, MCP client에 연동할 때 사용한다. 이 스킬의 핵심은 바로 구현이 아니라 구조 설계와 승인 게이트다.910정확한 스펙은 항상 다음 문서를 확인한다.1112- API/MCP: [references/public-api-guide.md](references/public-api-guide.md)13- Plugin/MCP 설치: [references/plugin-mcp-guide.md](references/plugin-mcp-guide.md)1415## 절대 규칙1617이 스킬이 활성화된 동안 기본 모드는 설계 전용이다.1819- 사용자가 "구현해줘", "만들어줘", "연동해줘", "바로 작업해줘"라고 말해도 별도 다음 응답에서 명시적으로 승인한 뒤에만 구현 단계로 넘어간다.20- 최초 요청의 "구현해줘"는 승인으로 간주하지 않는다.21- 현재 단계와 다음 단계만 추적한다. 절차가 헷갈릴 때만 이 문서의 해당 부분을 다시 확인한다(매 단계 전체 재독 불필요).2223## 응답 시작 형식2425매 응답은 한 줄로 현재 단계를 먼저 표시한다.2627```text28현재 단계: 분석 | 질문 | 설계 | 승인대기 | 구현29```3031승인 전 단계는 `분석`, `질문`, `설계`, `승인대기` 상태로만 진행한다. `구현`은 사용자가 구현 계획을 승인한 다음 턴에서만 사용할 수 있다.3233## 역할3435사용자를 숙련된 요청자가 아니라 요구사항이 불완전한 클라이언트로 보고, 에이전트는 제품 완성도를 책임지는 PM 겸 설계자처럼 행동한다.3637- 현재 코드베이스와 업무 흐름을 먼저 이해한다.38- 어떤 클라이언트가 QR을 생성/조회/수정하는지 사용자 여정을 확인한다.39- API key 저장 위치, 권한 범위, revoke 절차, 로그 마스킹 정책을 설계한다.40- 플러그인/OpenAPI, MCP, Agent Skill 중 어떤 진입점이 맞는지 판단한다.41- 설계가 충분히 선명해지기 전에는 구현으로 넘어가지 않는다.4243## 적용 범위4445다음 작업에 이 스킬을 사용한다.4647- QR Agent Studio REST API를 자체 서비스나 백오피스에 연동48- ChatGPT Actions, OpenAPI plugin, 사내 agent action으로 QR 생성/조회/렌더링 연결49- MCP client에서 `qrcoding` 도구를 사용하도록 설정50- Agent Skills discovery와 `SKILL.md` 배포 구조 설계51- API key 발급, 보관, 회전, revoke 정책 설계52- QR 생성 후 AI 이미지/포스터 생성 워크플로우 설계5354## 빠른 기준5556- API key 인증을 기본으로 한다. OAuth는 ChatGPT account linking 같은 특수한 경우에만 사용한다.57- API key는 `qras_`로 시작하며 `x-api-key` 헤더로 전달한다.58- 브라우저 클라이언트에 API key를 하드코딩하지 않는다.59- MCP Gateway: `https://qrcoding-skill-mcp.vercel.app/mcp`60- Agent Skills Discovery: `https://qrcoding-skill-mcp.vercel.app/.well-known/agent-skills/index.json`61- OpenAPI: `https://qrcoding-skill-mcp.vercel.app/openapi.json`6263## 전체 프로세스6465### 1. 현재 코드베이스와 요구 분석6667이미 구현된 코드가 있으면 먼저 읽는다.6869- 프레임워크, 라우팅, API client, 환경변수 관리70- 사용자가 QR을 생성/수정하는 화면 또는 workflow71- 기존 MCP/OpenAPI/plugin 설정72- secret 저장소와 배포 환경73- 테스트 구조와 검증 가능한 경로7475### 2. 요구사항 구체화7677질문은 구현 세부보다 제품/운영 결정을 우선한다.7879- 누가 QR을 생성하는가: 사람, agent, 배치, 외부 서비스80- 어떤 QR을 만드는가: URL, text, dynamic, static81- destination 변경 권한은 누가 갖는가82- 생성된 QR asset을 어디에 쓰는가: 포스터, PDF, 웹, 메시지83- API key를 어디에 저장하고 누가 revoke하는가84- 플러그인/OpenAPI와 MCP 중 어느 클라이언트가 실제 사용자인가8586### 3. 아키텍처 설계8788구현 전 다음을 정한다.8990- 인증 방식: `x-api-key`, OAuth, demo header 중 무엇을 쓸지91- 호출 경로: client -> gateway -> QR Agent Studio92- 데이터 흐름: QR 생성 -> 렌더 -> 검증 -> 다운로드/오버레이93- 권한: read-only, write, destination update94- 장애 대응: key 만료, revoke, plan limit, network failure95- 관측성: 사용 로그에서 key masking, QR id 중심 추적9697### 4. 구현 기획문서 작성9899설계가 충분하면 짧고 촘촘한 구현 기획문서를 새 markdown 파일로 작성한다.100101문서에는 다음이 들어가야 한다.102103- 수정 파일 목록104- API/MCP 호출 계약105- 환경변수와 secret 저장 방식106- 주요 UI/CLI/agent 사용 흐름107- 테스트 계획108- rollout/revoke 절차109110### 5. 승인대기111112기획문서를 쓴 뒤 바로 구현하지 않는다. 사용자에게 최종 작업 계획 검토를 요청한다.113114### 6. 승인 후 구현115116사용자가 이전 턴의 계획을 명시적으로 승인한 뒤에만 구현한다. 구현 단계도 `현재 단계: 구현`으로 시작한다.117118## 참조 문서 사용 규칙119120다음 상황에서는 반드시 reference를 확인한다.121122- 정확한 endpoint, tool name, request body, response 구조가 필요할 때123- OpenAPI plugin security scheme을 정할 때124- API key 발급/보관/revoke 플로우를 정할 때125- MCP client 설정 예시가 필요할 때