3일차(5·6차시) 코덱스 실무 압축판 2026-10-27 · 스킬 TOP 3와 실무 요청문 [1쪽] GitHub에서 스킬 가져오기 $skill-installer로 다음 GitHub 스킬을 검토 후 설치해 줘. https://github.com/anthropics/skills/tree/main/skills/frontend-design 저장소 소유자·SKILL.md·실행 스크립트를 확인하고, 설치 위치와 확인한 커밋을 알려 줘. 기존 같은 이름의 스킬이 있으면 덮어쓰지 마. 비밀정보나 새 권한이 필요하면 먼저 설명해 줘. [2쪽] 홈페이지 실무 추천 TOP 3 세 스킬의 출처·용도·필요 환경을 비교하고 지금 작업에 필요한 것만 골라 줘. 가상 자료만 사용해. 실제 접수·예약·개인정보 전송·운영 DB는 연결하지 마. 다른 메뉴는 유지하고 공개 배포는 하지 마. [3쪽] 1위 frontend-design $frontend-design으로 가상 학교 동아리 목록을 만들어 줘. 대상·일정·모집 상태를 보여 줘. 가상 자료만 사용해. 실제 접수·예약·개인정보 전송·운영 DB는 연결하지 마. 다른 메뉴는 유지하고 공개 배포는 하지 마. [4쪽] 2위 web-design-guidelines $web-design-guidelines로 프로그램 화면을 검토해 줘. 수정하지 말고 문제와 위치부터 알려 줘. 가상 자료만 사용해. 실제 접수·예약·개인정보 전송·운영 DB는 연결하지 마. 다른 메뉴는 유지하고 공개 배포는 하지 마. [5쪽] 3위 webapp-testing $webapp-testing으로 검색·모집 필터·마감 버튼을 검사해 줘. 실행 못 한 항목은 구분해 줘. 가상 자료만 사용해. 실제 접수·예약·개인정보 전송·운영 DB는 연결하지 마. 다른 메뉴는 유지하고 공개 배포는 하지 마. [6쪽] 설치 확인과 명시 호출 $frontend-design을 사용해 줘. 먼저 어떤 지침을 적용할지와 수정 파일을 짧게 알려 줘. 가상 자료만 사용해. 실제 접수·예약·개인정보 전송·운영 DB는 연결하지 마. 다른 메뉴는 유지하고 공개 배포는 하지 마. [7쪽] 한 번에 맡길 작업의 크기 현재 폴더를 확인하고 동아리 목록만 만들 계획을 알려 줘. 아직 수정·배포하지 마. 가상 자료만 사용해. 실제 접수·예약·개인정보 전송·운영 DB는 연결하지 마. 다른 메뉴는 유지하고 공개 배포는 하지 마. [8쪽] 구현 요청을 구체적으로 $frontend-design으로 카드 3개와 검색을 구현해 줘. 마감 버튼은 비활성화하고 로컬로 보여 줘. 가상 자료만 사용해. 실제 접수·예약·개인정보 전송·운영 DB는 연결하지 마. 다른 메뉴는 유지하고 공개 배포는 하지 마. [9쪽] 검토 후 필요한 부분만 수정 $web-design-guidelines 검토 결과 중 검색창 레이블과 마감 버튼만 고쳐 줘. 나머지는 유지해. 가상 자료만 사용해. 실제 접수·예약·개인정보 전송·운영 DB는 연결하지 마. 다른 메뉴는 유지하고 공개 배포는 하지 마. [10쪽] “잘 돼요”를 테스트 결과로 $webapp-testing으로 항목별 기대값과 실행 결과를 남겨 줘. 못 한 검사는 미확인으로 적어 줘. 가상 자료만 사용해. 실제 접수·예약·개인정보 전송·운영 DB는 연결하지 마. 다른 메뉴는 유지하고 공개 배포는 하지 마. [11쪽] 수정이 틀렸을 때와 다음 대화 방금 바꾼 버튼 크기만 이전으로 돌려 줘. 다른 변경은 유지하고 남은 일을 정리해 줘. 가상 자료만 사용해. 실제 접수·예약·개인정보 전송·운영 DB는 연결하지 마. 다른 메뉴는 유지하고 공개 배포는 하지 마. [12쪽] 로컬 확인 후 배포 요청 검증한 결과만 지정한 사이트에 배포해 줘. DB와 설정은 유지하고 공개 주소에서 다시 확인해 줘. 가상 자료만 사용해. 실제 접수·예약·개인정보 전송·운영 DB는 연결하지 마. 다른 메뉴는 유지하고 공개 배포는 하지 마. [스킬 설치 요청 - 세 개] $skill-installer로 https://github.com/anthropics/skills/tree/main/skills/frontend-design 의 skills/frontend-design을 검토 후 설치해 줘. 같은 이름은 덮어쓰지 말고 설치 결과를 확인해 줘. $skill-installer로 https://github.com/vercel-labs/agent-skills/tree/main/skills/web-design-guidelines 의 skills/web-design-guidelines을 검토 후 설치해 줘. 같은 이름은 덮어쓰지 말고 설치 결과를 확인해 줘. $skill-installer로 https://github.com/anthropics/skills/tree/main/skills/webapp-testing 의 skills/webapp-testing을 검토 후 설치해 줘. 같은 이름은 덮어쓰지 말고 설치 결과를 확인해 줘. 두 번째 실무 · 앱 제작과 360도 교실 예약 13. 남해타임처럼, 웹에서 앱으로 기존 웹을 살펴보고, 공통 화면과 앱 전용 기능을 나눠 줘. 첫 버전 범위와 수정할 폴더부터 제안해 줘. WebView = 앱 안에서 웹 화면을 보여 주는 영역 14. 한 화면씩 만들고, 휴대전화에서 검수 동아리 목록 한 화면만 구현해 줘. 가상 자료를 쓰고, 작은 화면·뒤로가기·오프라인에서 확인한 결과를 적어 줘. 실제 기기에서 확인한 항목만 “기기 검수 완료”라고 적기 15. 스토어에 올리고, 업데이트하기 스토어 제출에 필요한 항목을 정리해 줘. 빌드·테스트·심사·공개 상태와 남은 일을 구분해 줘. 웹 배포 · 앱 업로드 · 심사 승인 · 공개는 각각 확인합니다 16. 제가 출시한 앱 3개입니다 내 업무에서 반복되는 불편 하나를 골라 줘. 이 앱 사례를 참고해 첫 화면과 꼭 필요한 기능 3개만 제안해 줘. App Store 공개 개발자 목록 확인 · 2026-10-27 17. 특별실을 둘러보고, 사용할 교실을 고릅니다 교실 360도 보기 페이지를 설계해 줘. 공간별 안내와 신청 버튼을 넣고, roomId가 신청 화면까지 이어지게 해 줘. 360도 사진 → 뷰어 → 공간 선택 → 교실 예약 신청 18. 날짜를 고르고, 승인까지 연결합니다 승인형 교실 예약 신청을 설계해 줘. 서버에서 시간 중복을 검사하고, 신청 완료와 예약 확정을 분리해 표시해 줘. 신청 접수 ≠ 예약 확정 · 실제 운영 방식은 학교와 먼저 합의 출시 앱·공개 투어 참고 주소 남해타임: https://apps.apple.com/kr/app/id6809716458 가족맵: https://apps.apple.com/kr/app/id6809199413 운동노트: https://apps.apple.com/kr/app/id6825923823 학교 가상 투어: https://chemion.kr/projects/school-tour/ [19쪽] 스토어 출시 비용·절차·남해타임 실패 사례 / App Store · iOS / Google Play · Android 등록비 / US$99 / 매년 / US$25 / 1회 준비 / 개발자 가입·인증·서명 빌드 업로드 앱 소개·개인정보 설명 / 가입·본인/기기 확인·서명 AAB 업로드 등록정보·데이터 보안 작성 테스트 / 실제 기기 검수 TestFlight 베타 테스트(선택) / 대상 개인 계정*은 12명 이상 연속 14일 비공개 테스트 출시 / App Review 제출·심사 승인 후 스토어 공개 / 프로덕션 액세스 승인 앱 심사·출시 후 공개 확인 남해타임 사례: 프로덕션 액세스 신청 거절 사유 실제 테스터 참여와 피드백 수집·업데이트 반영 부족 요구 실제 테스터를 대상으로 14일 추가 테스트 후 재신청 대응 계획 기능별 사용·의견·수정 내역을 기록하고 개선 빌드로 재검증 출시 요청 예시 현재 앱의 빌드·테스트·심사·공개 상태를 구분해 줘. 등록비와 필수 준비 항목, 테스트 기록과 수정 내역을 정리해 줘. 확인되지 않은 실제 사용과 피드백을 만들어 내지 말고, 제출 전 검토할 목록을 보여 줘. [20쪽] 학교 업무 화면, 세 가지 제작 조건 sol light / low / 바다 항해 일러스트 / 프로그램 필터, 상세 안내 대화상자 sol high / high / 공간을 보여 주는 작은 섬 / 필터·공간 그림 전환, 소식 분류·상세 안내 sol extra + skill / xhigh / 활동하는 학생이 있는 섬 / 관심 저장·URL 상태 유지, 키보드 조작·접근성 점검 실제 모델: GPT-6.1 Sol 1회 제작 사례 · 스킬·후속 요청 조건이 달라 속도·비용·성능 순위는 매기지 않았습니다 https://te.chemion.kr/model-designs 비교 요청 예시 세 결과물의 같은 화면과 동작을 비교해 줘. 사용 모델·추론 수준·스킬과 추가 요청을 구분해 줘. 측정하지 않은 속도·토큰·비용이나 우열을 만들어 내지 말고 실제 구현된 기능과 남은 작업을 정리해 줘.