popnow
요금로그인지금 만들기
SaaS Admin Dashboard: first screen
SaaS Admin Dashboard: full page

얻을 수 있는 것

  • 글꼴과 인물 사진이 내장되어 네트워크 요청이 없는 HTML 파일 하나
  • 개요, 분석, 재무, 고객, 로드맵 보드, 캘린더, 설정 화면
  • 명령 팔레트, 알림, 라이트·다크 모드, 색상 프리셋 2종
  • 사이드바, 라우트, 라벨, 샌드박스 안전성, 남은 샘플을 검사하는 검증 도구
  • 크레딧 견적 후 PopNow로 생성하는 팀 인물 사진(선택)

이럴 때 좋아요

  • SaaS 제품의 관리자 패널과 내부 도구
  • 화면 이름만 바꿔 쓰는 쇼핑몰, 병원, 에이전시 백오피스
  • 투자자나 팀 리뷰용 클릭 가능한 제품 데모

이럴 때는 맞지 않아요

  • 공개 마케팅 페이지
  • 첫날부터 API로 실시간 데이터를 읽어야 하는 대시보드
  • 화려하거나 일러스트가 많은 인터페이스

사용 방법

Claude·ChatGPT에서

PopNow 스킬 사용: “관리자 대시보드 템플릿”(saas-admin-dashboard). 할 일: Fernwood Bakery Supply의 운영 콘솔을 만들어 주세요. 고객 대신 주문, 배송 보드, 그리고 주문 수, 매출, 평균 주문액, 정시 배송률 KPI를 EUR로 보여 주세요.

코딩 에이전트에서

/popnow-saas-admin-dashboard Fernwood Bakery Supply의 운영 콘솔을 만들어 주세요. 고객 대신 주문, 배송 보드, 그리고 주문 수, 매출, 평균 주문액, 정시 배송률 KPI를 EUR로 보여 주세요.

이어서 해 보기

생성하기 전에 새 팀 프로필 사진 6장 견적부터 알려 주세요.

이걸 내 Vue 3 앱에 실제 라우트로 옮겨 주세요.

미리 준비할 것

  • 회사명, 로그인한 운영자, 팀원 4–8명
  • 지켜보는 핵심 지표 4개와 통화, 로캘
  • 표의 행, 보드 카드, 캘린더 일정이 각각 무엇을 뜻하는지
  • 선택: PopNow API 키나 팀 사진

비슷한 스킬

전체 보기 →

자주 묻는 질문

데이터가 실시간인가요?

아니요. 콘솔에는 샘플 배열이 들어 있고, 이를 내 기록으로 교체합니다. KPI와 차트는 그 배열에서 계산되므로 항상 일치하며, 실제 API 연결은 내 프로젝트에서 이어서 할 작업입니다.

SaaS 콘솔이 아닌 용도로도 쓸 수 있나요?

네. 화면 레시피는 그대로 두고 명칭만 바꿉니다. 고객은 주문이나 환자로, 로드맵은 출고 보드나 케이스 목록으로, 캘린더는 예약으로 바뀝니다.

여기서 PopNow는 무엇을 생성하나요?

팀 인물 사진만 생성합니다. 차트, 아이콘, 회사 마크는 SVG로 그립니다. 인물 사진은 실행할 때마다 먼저 크레딧 견적을 보여 주고, 동의한 뒤에만 시작합니다.

PopNow API 키 없이도 작동하나요?

네. 포함된 가상 인물 사진 8장을 팀원 이름으로 바꿔 쓰거나, 이니셜 아바타를 쓸 수 있습니다.