TL;DR

  • 클릭 시 초록 공이 두 위치 사이를 튕기는 애니메이션에서 실시간 조정 가능한 변수 5개가 즉각적인 제어와 재프롬프트 없는 수정이 가능하게 함.
  • Stiffness 170, Damping 14, Mass 1.0, Size 40px, Color #10b981이 애니메이션 조정에 사용되는 변수임.
  • 조정할 변수를 찾기 위해 코드를 훑거나 어떤 변수를 수정할지 묻는 데 토큰을 쓸 필요가 없어짐.
  • 채팅에서 수정 중인 내용을 직접 보는 것은 필수 조건이 아니며, 핵심은 변수를 조정하는 노브임.
  • 프롬프트와 응답을 반복하는 채팅 인터페이스보다 작업 흐름을 유지하면서 더 빠르게 작업할 수 있는 대안이 필요함.

실시간 조정 가능한 애니메이션 변수

  • 요청 내용은 클릭 시 초록 공이 두 위치 사이를 튕기게 만드는 것임.
  • LLM이 애니메이션을 구현한 뒤, 속도를 더 빠르게 또는 느리게 조정할지 묻는 대신 다음과 같은 5개 변수를 제공함.
  • Stiffness 170
  • Damping 14
  • Mass 1.0
  • Size 40px
  • Color #10b981
  • ‘클릭해 재생(Click to play)’ 방식으로 애니메이션을 실행하고, 변수는 실시간으로 업데이트 가능함.

재프롬프트 없는 정밀 제어

  • 원하는 조정을 위해 LLM에 다시 프롬프트를 입력하지 않아도 되는 즉각적이고 정밀한 제어가 가능함.
  • 수정할 변수를 찾기 위해 코드를 훑거나, 어떤 변수를 편집해야 하는지 묻는 데 시간을 쓰고 토큰을 소비할 필요가 없어짐.
  • 채팅 화면에서 편집 중인 내용을 직접 확인하는 것은 엄격한 요구 사항이 아님.
  • 필요한 것은 변수를 업데이트할 수 있는 노브임.

프롬프트-응답 반복의 대안

  • 채팅 인터페이스는 작업을 멈추고, 기다리고, 검토한 뒤 다시 프롬프트를 입력하게 만드는 점에서 번거로움.
  • 맥락을 머릿속에 유지하고 작업 흐름을 이어가면서 같은 작업을 더 빠르게 수행하는 방식이 필요함.
  • 프롬프트-응답 반복의 대안에 관해 Hacker News에서 질문했지만, 아직 다른 접근을 시도하는 사례는 확인하지 못함.
  • 다른 접근 방식을 구축 중이거나 접한 경우 공유를 요청함.