클로드 아티팩트 + 리액트: 교사가 20분 만에 각도 수업용 미니 골프 게임을 만든 방법
한 선생님(u/cram213)이 Claude를 사용하여 각도를 가르치는 미니어처 골프 게임을 빠르게 제작했습니다. 학교 제한을 우회하기 위해 Artifacts에서 원시 HTML로 내보냈습니다. 음성으로 휴대폰에 프롬프트를 입력하여 게임을 출시하기까지 전체 작업 흐름은 약 20분이 걸렸습니다.
작업 흐름
- 초기 제작: Claude의 Artifact 기능과 React를 사용하여 선생님은 각도를 시각적으로 보여주는 플레이 가능한 미니 골프 게임을 만들었습니다. 학교에서는 Gemini를 사용하므로 게시된 Artifacts URL에 접근할 수 없었습니다.
- 내보내기 해결책: 선생님은 Claude에게 Artifact를 독립형 HTML 파일로 변환하도록 요청한 후, 개인 웹사이트(constraintlayer.ai/educational-engines/golf.html)에 호스팅했습니다.
- 반복 작업: 휴대폰으로 프롬프트를 말하고, Artifact 미리보기에서 게임을 테스트한 후 Claude에 피드백을 제공하는 과정을 반복했습니다.
- 학생 확장: 학생들이 게임을 플레이한 후, 종이에 자신만의 코스 디자인을 그렸습니다. 선생님은 각 그림을 Claude에 업로드했고, 약 1분 만에 학급이 맞춤 코스를 플레이할 수 있었습니다.
주요 기술적 요점
선생님은 시스템 엔지니어처럼 생각하는 것을 강조합니다: 문제를 설명하고, 예외 상황("학생들이 할 수 있는 어리석은 행동")을 계획하며, 배포 제약 조건에 맞는 올바른 출력 형식을 선택하는 것입니다. React를 사용한 Artifacts는 프로토타이핑에 좋지만, 외부 종속성이 없는 일반 HTML로 내보내면 학교 네트워크에서 항상 작동합니다. Gemini나 Claude Artifact URL이 필요 없습니다.
📖 전체 출처 읽기: r/ClaudeAI
👀 See Also
자율 클로드 코드 루프, 오픈소스 짐코치 24/7 운영 — 분류, 코딩, 병합 수행
개발자가 Claude Code가 오픈소스 피트니스 앱을 자율적으로 운영하게 한다: 이슈 트리징, PR 구현, 그린 게이트 통과, 병합, 문서화 — 모두 인간의 개입 없이.
OpenClaw 실험은 메모리와 약속 시스템을 통해 AI의 시간적 연속성을 테스트합니다.
한 팀이 8일 동안 OpenClaw를 사용하여 지속적인 메모리와 누적된 약속이 AI에서 시간적 연속성을 창출할 수 있는지 테스트하고 있습니다. 그들은 에피소드/증류된 메모리 분할, 약속 확인, 그리고 JSONL 형식의 턴별 상태 로깅을 구현했습니다.
클로드 AI, 지그비 네트워크 문제 진단 후 deCONZ에서 Zigbee2MQTT로 전환 권고
사용자가 Claude AI가 deCONZ 문제를 식별했다고 보고했습니다. 장면 전환 시 80개 이상의 ZCL 속성 읽기 명령이 발생하여 Conbee 2 어댑터에 과부하를 일으켰습니다. Claude는 Zigbee2MQTT로의 마이그레이션을 권장했고, 이로 인해 수년간 지속된 신뢰할 수 없는 조명 동작이 해결되었습니다.
개발자, 클로드 코드에 루트 접근 권한 부여, 개발 워크플로우 전환
한 개발자가 Claude Code에 서버의 루트 접근 권한을 부여하고 모든 명령을 모니터링한 결과, 이 AI가 증상만 해결하는 것이 아닌 근본 원인을 해결하는 차분하고 체계적인 변경을 수행함을 발견했습니다. 이 경험은 그들의 워크플로를 프로덕션 환경을 복제한 환경에서 직접 개발하는 방식으로 전환하게 했습니다.