프론트엔드에 특화된 그릴링 스킬을 만들고, 이를 통해 새로운 앱과 컴포넌트를 구축하는 방식이 개선되었습니다.
요약
프론트엔드에 특화된 '그릴링(grilling)' 기술을 개발하여 새로운 앱과 컴포넌트를 구축하는 방식을 개선했습니다. 이 방식은 Claude에게 다양한 프로토타입 5개를 생성하게 하고, 사용자가 실시간으로 변형을 전환하며 피드백을 제공함으로써 원하는 디자인에 집중할 수 있도록 돕습니다.
핵심 포인트
- 프론트엔드 전용 그릴링 기술로 앱/컴포넌트 구축 방식 개선
- Claude에게 다양한 프로토타입(5개) 생성을 지시하는 것이 핵심
- 실시간 피커와 반복적인 피드백을 통해 디자인 집중도 향상
- Wayfinder에 통합되어 새로운 프론트엔드 작업 계획에 활용 가능
저는 @mattpocockuk의 그릴링(grilling) 기술을 프론트엔드에 전용으로 변형하여 만들었고, 이로 인해 새로운 앱과 컴포넌트를 구축하는 방식이 개선되었습니다.
기본 아이디어는 다음과 같습니다:
/grilling과/prototype을 기반으로 사용합니다.- Claude에게 매우 다르게(WILDLY) 다른 프로토타입 5개를 만들도록 지시합니다.
- Claude에게 각 변형(variant) 사이를 실시간으로 전환할 수 있는 피커(picker)를 포함하도록 지시합니다.
- 매 라운드마다 가장 마음에 드는 것(들)을 선택하고 피드백을 남기면, Claude가 디자인 트리의 모든 가지를 따라 내려가면서 원하는 디자인에 집중하는 것을 도와줍니다.
그리고 나서, 저는 이것을 /wayfinder에 추가했습니다. 따라서 제가 새로운 맵을 만들고 새롭고 혁신적인 프론트엔드 작업이 필요할 때마다, 해당 /grilling-frontend-prototyping을 호출해야 한다는 내용을 명시적으로 참조하는 티켓이 생성됩니다.
이것이 제가 멋진 스킬을 만들어 Wayfinder에 추가하는 마지막 경우는 아닐 것입니다. 이것은 작업을 계획하기 위한 매우 강력한 패턴입니다.
제 스킬은 여기에서 찾으실 수 있습니다: https://t.co/4M4QPlfnp1
AI 자동 생성 콘텐츠
본 콘텐츠는 X 토픽: Claude/Anthropic의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기