Product Hunt

PixelCrew — Production-ready design from a crew of AI agents

PixelCrew — AI 에이전트 팀이 만드는 프로덕션용 디자인

PixelCrew는 여러 AI 에이전트가 조사, 크리에이티브 방향 설정, 와이어프레임, QA를 거쳐 디자인 시스템과 HTML을 만드는 도구입니다. 알파 버전은 무료이며 OpenRouter 키를 연결해 원하는 모델을 사용할 수 있습니다.

AI 요약

PixelCrew는 하나의 프롬프트로 시안을 뽑는 대신, 역할이 나뉜 AI 에이전트가 디자인 작업을 단계별로 진행합니다. 사용자는 에이전트가 의사결정을 논의하는 모습을 지켜볼 수 있고, 조사 결과와 크리에이티브 브리프, 와이어프레임, QA 보고서 같은 산출물도 확인할 수 있습니다.

작업 흐름과 제공 기능

Elena가 브리프를 조사하고, Marcus가 세 가지 시각적 방향을 제안한 뒤 가장 적합한 방향을 주장합니다. Mira는 와이어프레임을 만들고 최종 결과물을 제작합니다. 팀은 일반적인 브리프 하나에 25~45분이 걸린다고 설명합니다. 결과물은 스크린샷이 아니라 디자인 시스템과 Tailwind를 포함한 HTML입니다.

현재 알파 버전은 무료이며, 사용자가 OpenRouter 키를 연결해 모델을 선택합니다. 구독료나 추가 요금은 없습니다. 제품 소개에 따르면 커피숍, 고급 자동차 페이지, 할 일 관리 도구, 포르투의 로스터리 등이 짧은 브리프에서 만들어졌습니다. 개발팀은 알파 단계라 거친 부분이 있을 수 있다고 밝혔습니다.

Product Hunt 반응

  • @andrey_dyadyura — Product Hunt 여러분, 안녕하세요. 저희는 Andriy와 Dmitriy입니다. 저는 Product Hunt에서 디자인을 이끌었고, 그전에는 Apple, GitLab, Mixpanel에서 디자인했습니다. Dmitriy는 GitLab 공동 창업자입니다. 그럴듯한 시안을 건네고 끝내는 AI 디자인 도구에 지쳤습니다. 실제 디자인 작업은 조사, 크리에이티브 방향 설정, 와이어프레임, 카피, 디자인 시스템, QA로 이어집니다. 이 과정을 건너뛰면 AI 결과물이 뻔해지고 실제 제품에서 무너지는 이유가 됩니다. 그래서 실제 인수인계 흐름을 따르는 팀을 만들었습니다. Elena가 브리프를 조사하고, Marcus가 세 가지 시각적 제안과 가장 강한 방향을 내놓으며, Mira가 와이어프레임과 최종 결과물을 만듭니다. 일반적인 브리프는 25~45분 걸립니다. 프롬프트가 아니라 파이프라인이라는 점이 다릅니다. 각 단계마다 열어볼 수 있는 산출물이 생기므로 잘못된 결과가 나오면 어떤 결정이 문제였는지 확인할 수 있습니다. 에이전트는 에이전시처럼 세 가지 방향을 제안합니다. 진행 중에는 에이전트가 결정에 관해 논의하는 모습을 볼 수 있습니다. 이 조율 과정이 단순한 로딩 화면이 아니라 제품의 일부입니다. OpenRouter 키로 원하는 모델과 비용을 직접 선택하며 구독료나 추가 요금은 없습니다. 결과물은 웹사이트 스크린샷이 아니라 프로덕션용 HTML, Tailwind, 디자인 시스템입니다. 갤러리의 작업은 커피숍, 고급 자동차 페이지, 할 일 관리 도구, 포르투의 로스터리처럼 짧은 브리프에서 나왔습니다. 아직 알파라 거친 부분이 있을 수 있습니다. 저희는 오늘 하루 종일 여기서 질문에 답하겠습니다. 실제 고객 브리프를 맡기려면 무엇을 확인해야 할까요?
  • @panagiotis_papadopoulos — @andrey_dyadyura와 @dmitriy_zaporozhets 덕분에 AI에서 취향을 갖춘 웹 디자인을 더 많이 보게 될 것 같습니다. 어떤 LLM을 써도 의미 있는 전체 페이지 디자인을 얻는 데는 성공하지 못했습니다. 웹 구성 요소를 조금씩 개선하거나 패딩과 글자 크기를 맞추는 정도는 가능했지만, 산뜻하고 멋진 랜딩 페이지를 만들지는 못했습니다. PixelCrew가 이 문제를 해결하러 왔습니다. 정말 추천합니다.
    • @andrey_dyadyura — Panagiotis, 감사합니다. 바로 그 격차를 해결하려고 만들었습니다. 구성 요소를 조금씩 고치는 일은 LLM이 이미 잘하지만, 한 페이지 전체를 일관되게 만드는 일은 다릅니다. 한 번의 프롬프트가 아니라 순서에 맞는 결정이 필요하기 때문입니다. 그래서 그리기 전에 조사와 크리에이티브 방향 설정 단계를 넣었습니다. 어떤 작업을 해보셨는지 보고 싶습니다. 페이지가 잘못 나오면 어느 부분이 어색했는지도 알려주세요. 지금 저희에게 가장 유용한 피드백입니다.
  • @madalina_barbu — 흥미로운 제품입니다!
    • @andrey_dyadyura — 감사합니다, Madalina! 어떤 점이 눈에 띄었는지 궁금합니다. 사용해보신다면 무엇을 먼저 디자인해보고 싶은지도 알려주세요.

원문: Product Hunt / 번역·요약: Trawling