mockup-creation
✓NuxtJS 4(Vue) 또는 Next.js(React), TypeScript 및 TailwindCSS v4를 사용하여 프로덕션에 바로 사용할 수 있는 대화형 UI 모형 및 프로토타입을 만듭니다. 웹 모형, 프로토타입, 랜딩 페이지, 대시보드, 관리 패널 또는 대화형 UI 데모를 구축할 때 사용하세요. 사용자가 "모형 만들기", "프로토타입 구축", "대화형 데모", "UI 프로토타입", "코드 설계"를 언급하거나 최신 도구를 사용한 신속한 프런트엔드 개발이 필요한 경우 트리거됩니다. Vue 기반 프로젝트에는 NuxtJS를 선호합니다. 사용자가 ReactJS를 언급할 때 Next.js를 사용하세요.
SKILL.md
Create polished, interactive UI mockups and prototypes using NuxtJS 4 (Vue) or Next.js (React) with TypeScript and TailwindCSS v4.
NuxtJS (Vue) Example: Type-safe Button Component (components/ui/Button.vue)
Next.js (React) Example: Type-safe Button Component (components/ui/Button.tsx)
NuxtJS 4(Vue) 또는 Next.js(React), TypeScript 및 TailwindCSS v4를 사용하여 프로덕션에 바로 사용할 수 있는 대화형 UI 모형 및 프로토타입을 만듭니다. 웹 모형, 프로토타입, 랜딩 페이지, 대시보드, 관리 패널 또는 대화형 UI 데모를 구축할 때 사용하세요. 사용자가 "모형 만들기", "프로토타입 구축", "대화형 데모", "UI 프로토타입", "코드 설계"를 언급하거나 최신 도구를 사용한 신속한 프런트엔드 개발이 필요한 경우 트리거됩니다. Vue 기반 프로젝트에는 NuxtJS를 선호합니다. 사용자가 ReactJS를 언급할 때 Next.js를 사용하세요. 출처: dauquangthanh/hanoi-rainbow.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/dauquangthanh/hanoi-rainbow --skill mockup-creation- 카테고리
- *크리에이티브
- 인증됨
- ✓
- 최초 등록
- 2026-02-01
- 업데이트
- 2026-02-18
빠른 답변
mockup-creation이란?
NuxtJS 4(Vue) 또는 Next.js(React), TypeScript 및 TailwindCSS v4를 사용하여 프로덕션에 바로 사용할 수 있는 대화형 UI 모형 및 프로토타입을 만듭니다. 웹 모형, 프로토타입, 랜딩 페이지, 대시보드, 관리 패널 또는 대화형 UI 데모를 구축할 때 사용하세요. 사용자가 "모형 만들기", "프로토타입 구축", "대화형 데모", "UI 프로토타입", "코드 설계"를 언급하거나 최신 도구를 사용한 신속한 프런트엔드 개발이 필요한 경우 트리거됩니다. Vue 기반 프로젝트에는 NuxtJS를 선호합니다. 사용자가 ReactJS를 언급할 때 Next.js를 사용하세요. 출처: dauquangthanh/hanoi-rainbow.
mockup-creation 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/dauquangthanh/hanoi-rainbow --skill mockup-creation 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/dauquangthanh/hanoi-rainbow
상세
- 카테고리
- *크리에이티브
- 출처
- skills.sh
- 최초 등록
- 2026-02-01