phase-3-mockup
✓디자이너 없이 UI/UX 트렌드를 담은 목업을 만드는 스킬. Next.js 구성 요소로 변환할 수 있는 HTML/CSS/JS 프로토타입을 디자인합니다. 사용자가 구현하기 전에 UI/UX를 검증하고 싶을 때 적극적으로 사용하십시오. 트리거: 모형, 프로토타입, 와이어프레임, UI 디자인, 목업, Mockerap, 原型, 모형, 프로토티포, 디자인 UI, 모형, 프로토타입, 개념 UI, 목업, 프로토타입, UI-디자인, 목업, 프로토타입, 디자인 UI 프로덕션 코드, API 개발 또는 기존 구성 요소 수정에는 사용하지 마십시오.
SKILL.md
Create trendy UI without a designer + Consider Next.js componentization
Quickly validate ideas before actual implementation. Even without a designer, research UI/UX trends to create high-quality prototypes, designed for easy conversion to Next.js components later.
| Starter | This stage may be the final deliverable | | Dynamic | For validation before next stages | | Enterprise | For quick PoC |
디자이너 없이 UI/UX 트렌드를 담은 목업을 만드는 스킬. Next.js 구성 요소로 변환할 수 있는 HTML/CSS/JS 프로토타입을 디자인합니다. 사용자가 구현하기 전에 UI/UX를 검증하고 싶을 때 적극적으로 사용하십시오. 트리거: 모형, 프로토타입, 와이어프레임, UI 디자인, 목업, Mockerap, 原型, 모형, 프로토티포, 디자인 UI, 모형, 프로토타입, 개념 UI, 목업, 프로토타입, UI-디자인, 목업, 프로토타입, 디자인 UI 프로덕션 코드, API 개발 또는 기존 구성 요소 수정에는 사용하지 마십시오. 출처: popup-studio-ai/bkit-claude-code.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/popup-studio-ai/bkit-claude-code --skill phase-3-mockup- 카테고리
- *크리에이티브
- 인증됨
- ✓
- 최초 등록
- 2026-02-01
- 업데이트
- 2026-02-18
빠른 답변
phase-3-mockup이란?
디자이너 없이 UI/UX 트렌드를 담은 목업을 만드는 스킬. Next.js 구성 요소로 변환할 수 있는 HTML/CSS/JS 프로토타입을 디자인합니다. 사용자가 구현하기 전에 UI/UX를 검증하고 싶을 때 적극적으로 사용하십시오. 트리거: 모형, 프로토타입, 와이어프레임, UI 디자인, 목업, Mockerap, 原型, 모형, 프로토티포, 디자인 UI, 모형, 프로토타입, 개념 UI, 목업, 프로토타입, UI-디자인, 목업, 프로토타입, 디자인 UI 프로덕션 코드, API 개발 또는 기존 구성 요소 수정에는 사용하지 마십시오. 출처: popup-studio-ai/bkit-claude-code.
phase-3-mockup 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/popup-studio-ai/bkit-claude-code --skill phase-3-mockup 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/popup-studio-ai/bkit-claude-code
상세
- 카테고리
- *크리에이티브
- 출처
- skills.sh
- 최초 등록
- 2026-02-01