AI로 대시보드와 업무 도구 만들기

추적하는 지표와 사용할 사람을 설명하세요. Supacode가 차트, 표, 필터가 있는 대시보드를 실제 코드로 만들어 실시간으로 보여 주고, 내 Supabase 데이터베이스의 데이터도 불러올 수 있어요.

이 프롬프트가 입력된 상태로 작성 화면이 열려요. 만들기 전에 자유롭게 수정할 수 있고, 실행 전에 필요한 크레딧이 표시돼요.

이렇게 만들어요

데이터 설명하기
무엇을 측정하고 어떻게 묶는지, 어떤 화면이 가장 중요한지 알려 주세요. 샘플 데이터를 붙여 넣거나 Supabase를 연결하세요.
채팅으로 화면 추가하기
새 차트, 기간 필터, 내보내기 버튼 등을 요청하세요. Supacode는 필요한 부분만 수정해요.
팀과 공유하기
게시해서 링크를 공유하거나, 서버가 필요한 앱은 내 Vercel 계정에 배포하세요.

프롬프트 예시: 팀용 대시보드: 상단에 요약 카드, 기간별 매출 꺾은선 차트, 검색과 필터가 되는 최근 주문 표, 새 주문을 추가하는 폼을 만들어 주세요.

실제 데이터를 쓸 수 있나요?

네. 백엔드 탭에서 Supabase 프로젝트를 연결하세요. 데이터베이스 변경은 승인한 뒤에만 실행돼요.

볼 수 있는 사람을 제한할 수 있나요?

로그인 기능을 요청하세요. Supabase 프로젝트가 연결되어 있으면 계정과 접근 규칙을 추가할 수 있어요.

템플릿에서 시작할 수 있나요?

네. 갤러리에 있는 대시보드와 도구를 열어 리믹스할 수 있어요.

매일 주어지는 무료 크레딧으로 시작할 수 있어요. 모든 변경은 버전으로 저장되어 언제든 복원할 수 있어요.