parkyoungwoong
- 13 skills
- 0 followers
- 7 hours ago last updated
- ▌ Pinia Use · parkyoungwoong(heropy) Use when designing or writing global state (stores) with Pinia in a Vue 3 project, or when a Vue component tree needs shared state instead of prop drilling. 사용자가 "pinia", "피니아", "Vue 전역 상태", "스토어 분리", "스토어 생성", "스토어 만들어 줘", "OO 스토어 생성", "Vue 상태 관리", "defineStore", "storeToRefs", "$patch", "$reset", "vuex 대체"를 언급할 때도 이 스킬을 따른다.
- ▌ Lighthouse · parkyoungwoong(heropy) Use when analyzing web page performance, accessibility, best practices, or SEO with Google Lighthouse (LHCI CLI or chrome-devtools MCP). 사용자가 "lighthouse", "라이트하우스", "성능 측정", "접근성 점검", "SEO 점검", "웹 바이탈"을 언급할 때도 이 스킬을 따른다.
- ▌ Zustand Use · parkyoungwoong(heropy) Use when designing or writing global state (stores) with Zustand in a React project. 사용자가 "zustand", "주스탠드", "전역 상태", "스토어 생성", "스토어 만들어 줘", "OO 스토어 생성", "상태 관리 라이브러리", "create 함수", "combine", "persist/immer/devtools 미들웨어", "새로고침해도 상태 유지"를 언급하거나 React 컴포넌트 간 prop drilling을 해소하려 할 때도 이 스킬을 따른다.
- ▌ Kb Bank Styles · parkyoungwoong bundle(heropy) KB국민은행 / KB스타뱅킹의 시각 언어를 따라 한국 금융권(뱅킹 앱·웹) UI를 만드는 스타일 가이드. "KB 스타일", "국민은행 스타일", "한국 뱅킹 UI", "한국 금융권 UI" 같은 요청에 사용한다. 토큰(컬러·타이포·스페이싱)·컴포넌트 스니펫·홈/송금/내역 페이지 템플릿을 제공한다.
- ▌ Vue Router Use · parkyoungwoong bundle(heropy) Use when adding Vue Router to an existing Vue 3 (Vite) project, configuring routes/layouts/navigation, or implementing route-level features such as navigation guards, protected routes, dynamic segments, query strings, nested routing, 404 pages, lazy loading, page transition animations, file-based routing, or SPA hosting redirects (Vercel/Netlify/Firebase). 사용자가 "vue-router", "뷰 라우터", "라우팅 붙여 줘", "페이지 이동", "RouterLink", "useRoute", "내비게이션 가드", "파일 기반 라우팅"을 언급할 때도 이 스킬을 따른다.
- ▌ React Router Use · parkyoungwoong bundle(heropy) Use when adding React Router (Data Mode) to an existing React (Vite/CSR) project, configuring routes/layouts/navigation, or implementing route-level features such as loaders, protected routes, dynamic segments, nested routing, 404 pages, lazy loading, page transition animations, or SPA hosting redirects (Vercel/Netlify/Firebase). 사용자가 "react-router", "리액트 라우터", "라우팅 붙여 줘", "페이지 이동", "NavLink", "Loader", "보호된 경로"를 언급할 때도 이 스킬을 따른다.
- ▌ Vue Vite Scaffold · parkyoungwoong bundle(heropy) Use when initializing a new Vite + Vue 3 project or when an existing Vite Vue project needs missing configuration (ESLint, Prettier, Tailwind CSS, VSCode settings, path aliases, oxlint). Also use when Vue component code in such a project must follow the project-wide coding conventions (script setup, ref over reactive, composables, scoped styles).
- ▌ React Next Scaffold · parkyoungwoong(heropy) Use when initializing a new Next.js (App Router, SSR) project or when an existing Next.js project needs missing configuration (ESLint, Prettier, TanStack Query, Tailwind CSS, VSCode settings, path aliases).
- ▌ React Vite Scaffold · parkyoungwoong(heropy) Use when initializing a new Vite + React (CSR) project or when an existing Vite React project needs missing configuration (ESLint, Prettier, Tailwind CSS, VSCode settings, path aliases).
- ▌ Skill Commit · parkyoungwoong(heropy) Use when committing changes in this project. Analyzes changes to generate appropriate commit messages and bumps skill versions in frontmatter when SKILL.md files are modified.
- ▌ Tanstack React Query Use · parkyoungwoong bundle(heropy) Use when fetching, caching, or mutating server data with TanStack Query (React Query) in a React (Vite) or Next.js App Router project, including useQuery, useMutation, useInfiniteQuery, QueryClientProvider, and ReactQueryDevtools. 사용자가 "data fetching", "캐싱", "서버 상태", "낙관적 업데이트", "무한 스크롤", "react query", "tanstack query"를 React 맥락에서 언급할 때도 이 스킬을 따른다.
- ▌ React Vite To Next Migration · parkyoungwoong(heropy) Use when migrating an existing Vite + React (TypeScript) project to Next.js (App Router, v16), including projects that use React Router, TanStack Query, Zustand, or Tailwind CSS. 사용자가 "Next.js로 전환", "Vite에서 Next로 마이그레이션", "App Router로 옮기기"를 언급할 때도 이 스킬을 따른다.
- ▌