클로드 코드를 사용하여 커스텀 트윅 템플릿으로 드루팔 사이트 구축하기
한 개발자가 Claude Code를 사용해 '헤드리스에 가까운 HTML'이라고 묘사하는 독특한 방식으로 Drupal 웹사이트를 구축한 경험을 공유했습니다. 이 개발자는 Claude를 활용해 raw HTML을 포함한 Twig 파일을 생성했으며, 출력물에 대한 더 큰 제어권을 얻기 위해 이 방법을 선호했습니다.
기술적 접근법
개발자는 Claude에게 drupal_view와 drupal_block 같은 Drupal 코어 기능을 여전히 활용하면서 raw HTML 코드를 포함하는 Twig 파일을 작성하도록 했습니다. 스타일링을 위해 CSS는 이 템플릿에 직접 혼합되었습니다. 사이트 구조는 themes/custom/THEME/ 디렉토리에 많은 개별 Twig 파일로 구성되었으며, 개발자는 이를 자신의 일반적인 PHP 애플리케이션 개발 방식과 비교했습니다.
개발 워크플로우
이들은 로컬 ddev 환경을 광범위하게 사용했으며, Claude가 터미널에서 직접 ddev drush 및 기타 명령어를 실행할 수 있었다고 언급했습니다. 이 설정은 뷰, 분류 체계, 콘텐츠 유형 및 사이트 구조의 구성을 용이하게 했습니다.
이 과정은 다음과 같은 단계를 따랐습니다:
- 변경이 더 쉽고 빠르도록 Claude가 먼저 HTML/CSS 사이트를 생성하는 것으로 시작
- 디자인이 확정되면, Claude가 이를 가져와 서브 테마로 시작하는 Drupal 사이트 생성
- 광범위한 수정을 요청하기보다는 Claude와 협력해 특정 영역을 해결 (예: 'Claude, 모든 콘텐츠 유형을 고쳐줘' 대신 'XYZ 콘텐츠 유형을 검토하고 HTML 템플릿과 일치하는지 확인해봅시다')
실용적 세부사항
개발자는 어떤 Twig 파일이 사용되는지 확인하기 위해 Drupal 웹사이트에서 Twig 디버깅을 활성화한 상태로 두었습니다. 일부 구조화가 유익할 수 있음을 인정하면서도, 현재 구조는 간단한 콘텐츠 사이트를 위한 좋은 출발점 역할을 했다고 평가했습니다.
이 접근법은 'Drupal 방식'으로 구축되지 않았지만, 개발자가 선호하는 개발 패턴과 일치하는 Drupal 사이트를 구축할 수 있게 해주었으며, 전통적인 Drupal 개발보다 과정을 더 매끄럽게 만들었습니다.
📖 Read the full source: r/ClaudeAI
👀 See Also
프롬프트 파이프라인은 메타 프로그래밍 특성을 보여줍니다.
한 개발자가 Electron 앱을 구축하는 데 사용된 프롬프트 파이프라인을 문서화했습니다. 이 파이프라인은 타입화된 입출력, 제어 흐름, 루프, 상태 머신, 모듈 인터페이스를 포함한 메타 프로그래밍 언어의 구조적 특성을 보여줍니다. 이 시스템은 하루 만에 17개의 버그를 수정하고 1,218줄의 코드를 리팩터링했습니다.
레딧 사용자가 프롬프트 접근 방식을 변경한 후 클로드에서 더 나은 결과를 얻었다고 보고합니다
한 개발자가 여러 AI 도구로 며칠 동안 고군분투한 끝에, 검색 엔진 스타일의 프롬프트에서 벗어나 접근 방식이 왜 효과가 없었는지에 대한 구체적인 맥락을 담은 대화를 나누는 방식으로 전환하여 Claude로 성공을 거두었습니다.
닐 카카가 개발 워크플로우 자동화에 클로드 코드를 활용하는 방법
닐 카카는 /git-pr 스킬로 풀 리퀘스트 생성을 자동화하고, SWC로 전환하여 서버 재시작 시간을 1초 미만으로 단축했으며, Claude Code의 미리보기 기능을 활용해 UI 변경 사항을 자동으로 검증하는 방법을 설명합니다.
오픈클로에 멀티 에이전트 오케스트레이션 해킹하기: 개발자 경험담
한 개발자가 에이전트들이 실제로 서로를 호출하지 않고 협업을 가장하고 있다는 사실을 발견한 후, OpenClaw의 코어 런타임을 수정하여 진정한 다중 에이전트 오케스트레이션을 구현했습니다. 변경 사항에는 sessions_spawn/sessions_yield를 통한 부모-자식 에이전트 생성과 별도의 스레드에서의 병렬 실행이 포함되었습니다.