Opsdeck 어드민 키트v1.0.4
이 Skill로 다음을 할 수 있습니다: 홈페이지 제작.
급상승
5.0다운로드 33회좋아요 1개저장 1회
$4.99
이 Skill을 구매하면 무엇을 받나요?팀이 그대로 도입해도 될 만큼 차분한 슬레이트 톤의 백오피스 콘솔입니다. 워크스페이스 전환, 명령 팔레트, 알림이 있는 접이식 사이드바와 함께, 기간 전환에 따라 KPI와 차트가 바뀌는 Overview, Revenue, Operations 보드가 있습니다. 테이블은 검색, 패싯 필터, 정렬, 일괄 작업, 상세 드로어로 실제 업무를 처리하며, 설정, 개발자, 로그인, 오류 페이지도 빈 껍데기가 아니라 디자인되어 있습니다. 라이트와 다크 테마 모두 완성되어 있습니다.
2026년 10월 3일 업데이트
미리보기 갤러리
비슷한 Skill
모든 Skill 보기
제공 내용
- 오프라인에서 작동하는 독립형 HTML 파일 하나에 담긴 완성된 어드민 콘솔: 보드 3개, 업무·멤버 테이블, 설정 섹션 6개, 개발자 페이지, 인증 화면, 오류 페이지
- 보드마다 KPI 4개, 마우스와 키보드로 툴팁을 볼 수 있는 차트, 하나의 시드 데이터 시리즈로 구동되는 7D·30D·90D·12M 기간 전환으로 모든 숫자가 일관되게 유지됨
- 검색, 패싯 필터, 정렬, 페이지네이션, 실행 취소가 되는 일괄 작업, 딥링크 상세 드로어가 있는 테이블. 요청 시 Next.js, React, Vue, Svelte, Astro로 이식
이런 분께 추천
- 주문, 티켓, 예약, 구독을 관리할 내부 콘솔이 필요하지만 처음부터 디자인하고 싶지 않은 운영 팀
- 현실감 있는 백오피스 데모나 내부 도구 프로토타입을 준비하는 창업자와 제품 팀
- 일관된 셸 하나를 지금 리브랜딩하고, 나중에 테이블 단위로 자체 API에 연결하고 싶은 개발자
이런 분께는 비추천
- 백엔드를 기대하는 경우: 모든 화면은 로컬 샘플 데이터로 실행되며, 데이터베이스, 인증 서비스, API는 포함되지 않습니다
- 고객용 마케팅 사이트나 온라인 스토어
- CMS 기반이거나 다국어를 바로 지원하는 제품이 필요한 팀
제품 런칭·앱 성장웹 디자인·디지털 경험홈페이지 제작웹 템플릿 제작관리자 대시보드 제작스타일 고정편집 가능한 결과물빠른 결과물고밀도 데이터 테이블라이트·다크 동등사이드바 셸슬레이트 뉴트럴통계 카드 그리드뉴트럴 관리자 화면
이 Skill 소개
팀이 운영하는 대상을 알려 주면, 실제 보드와 작동하는 테이블, 디자인된 설정·개발자·로그인·오류 페이지를 갖춘 차분한 슬레이트 톤 어드민 콘솔을 받을 수 있습니다. 어떤 브라우저에서든 열리고 오프라인에서도 작동하는 독립형 파일 하나로 제공됩니다.
제공 내용
- 워크스페이스 전환, 명령 팔레트, 알림, 모바일 Tab 바가 있는 사이드바 셸
- 기간을 바꾸면 숫자와 차트가 함께 업데이트되는 Overview, Revenue, Operations 보드
- 검색, 패싯 필터, 정렬, 페이지네이션, 실행 취소가 되는 일괄 작업, 상세 드로어가 있는 테이블
- 설정 섹션 6개, API key, 웹훅, 활동 로그, 로그인, 회원가입, 비밀번호 재설정, 오류 페이지 5개
- 완성된 라이트·다크 테마, 그리고 요청 시 내 기술 스택으로 만든 같은 콘솔
사용 방법
- 회사, 팀이 운영하는 대상, 각 보드의 맨 앞에 둘 숫자 4개, 테이블에 담을 객체를 알려 주세요
- 셸을 리브랜딩하고, 모든 보드와 테이블을 내 용어·ID·통화로 된 그럴듯한 데이터로 채운 뒤, 초안으로 작성한 내용을 목록으로 정리합니다
- 완성된 파일을 브라우저에서 열어 테이블 하나를 처음부터 끝까지 써 보고, 새 화면이나 화면 이름 변경을 평소 말투로 요청하세요
사진은 팀 인물 사진뿐입니다. 에이전트의 이미지 도구로 새 세트를 생성하면 해당 도구의 사용 요금이 발생할 수 있으며, 원하지 않으면 이니셜을 대신 사용합니다.
시작 전에 필요한 것
- 준비할 것
- 회사명과 제품명, 팀이 운영하는 대상(주문, 티켓, 예약, 구독) · 보드별 핵심 숫자 4개, 상태값을 포함한 테이블 객체, 팀과 역할 · 선택 사항: 로고, 팀 인물 사진, 사용하는 연동 서비스
- 의존성
- 에이전트 컴퓨터의 Node.js 18 이상 — 오프라인 단일 파일을 빌드하는 번들 스크립트 실행용 · 파일 빌드 중 인터넷 연결 — 폰트를 한 번 내려받아 내장하기 위해 필요 · 선택 사항: 새 팀 인물 사진 세트용 에이전트 이미지 생성 도구
- 외부 비용
- 사진은 팀 인물 사진뿐입니다. 에이전트 자체 이미지 도구로 새 세트를 생성하면 해당 도구의 사용 요금이 발생할 수 있습니다. 그렇지 않으면 번들된 가상 인물 사진 9장을 대신 쓰거나 모두 이니셜을 사용합니다.
- 최근 테스트
- v1.0.4 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
사용자 리뷰
리뷰를 불러오는 중…