Promise.9-Web
Promise.9-Web contains 11 collected skills from mash-up-kr, with repository-level occupation coverage and site-owned skill detail pages.
Skills in this repository
TanStack Query ์ฟผ๋ฆฌ ์ ์ยทํ ์ ํ ์ปจ๋ฒค์ ๋๋ก ์ค์บํด๋ํ๋ค. Use when connecting an API or creating useQuery/useMutation hooks (์:"API ์ฐ๋ํด์ค", "์ฟผ๋ฆฌ ํ ๋ง๋ค์ด์ค", "์๋ฒ ๋ฐ์ดํฐ ๋ถ๋ฌ์์ค"). ํผ ์ํ๋ /new-form, ๋ก์ปฌ UI ์ํ(useState)ยท์ต์คํ ์ ์ฝ๋์๋ ์ฌ์ฉํ์ง ์๋๋ค.
react-hook-form + zod ํผ์ ํ ์ปจ๋ฒค์ ๋๋ก ์ค์บํด๋ํ๋ค. Use when creating a form or adding input validation (์:"ํผ ๋ง๋ค์ด์ค", "์ ๋ ฅ ๊ฒ์ฆ ์ถ๊ฐํด์ค", "๋ก๊ทธ์ธ ํผ ๊ตฌํ", "๊ฒ์ ์ ๋ ฅ ๊ตฌํ"). ๊ฒ์์ด ๊ฐ์ ๋จ์ผ ์ ๋ ฅ๋ ํผ ์ํ(RHF)๋ก ๊ตฌ์ฑํ๋ค. ์๋ฒ ์ํ ์กฐํ๋ /new-query, ์ต์คํ ์ ์ฝ๋์๋ ์ฌ์ฉํ์ง ์๋๋ค.
์ด ํ๋ก์ ํธ ๊ณ ์ ์ ExpoยทNativeWindยทRN ํจ์ ๊ณผ ํจํค์ง ๋์ ๊ธฐ์ค (์๋ ํธ๋ฆฌ๊ฑฐ). Use when writing/modifying app-web UI code, when a style works on web but not native (or vice versa), when adding a new package, or when upgrading expo/nativewind/react-native-css. ์ผ๋ฐ Expo API ์ฌ์ฉ๋ฒ์ expo ๊ณต์ ํ๋ฌ๊ทธ์ธ skill ์ ์ด๋ค. ์ต์คํ ์ ์ฝ๋์๋ ํด๋น ์๋ค.
NativeWind ๊ธฐ๋ฐ React Native ์ปดํฌ๋ํธ๋ฅผ ํ ์ปจ๋ฒค์ ๋๋ก ์ค์บํด๋ํ๋ค. Use when creating a new UI component for the app/web. ์ต์คํ ์ UI ์๋ ์ฌ์ฉํ์ง ์๋๋ค.
expo-router ํ๋ฉด(๋ผ์ฐํธ)์ ํ ์ปจ๋ฒค์ ๋๋ก ์ถ๊ฐํ๋ค. Use when adding a new screen/route to the app/web. app/ ์ ๋ผ์ฐํ ๊ป๋ฐ๊ธฐ๋ก ๋๊ณ ๋ก์ง์ features ๋ก ๋ถ๋ฆฌํ๋ค.
Creates a GitHub Pull Request by analyzing branch changes and filling in the project PR template. TRIGGER when: user invokes /pr directly, or says 'PR ๋ง๋ค์ด์ค', 'PR ์์ฑํด์ค'.
Analyzes staged/unstaged changes and performs atomic commits separated by concern. TRIGGER when: user invokes /commit directly, or says '์ปค๋ฐํด์ค', '์ปค๋ฐ', 'commit'.
Use when encountering a bug, unexpected behavior, or error in the frontend - before attempting any fix
GitHub MCP ๋ก ์ด์๋ฅผ ์์ฑํ๋ค. Use when the user invokes /new-issue or says '์ด์ ๋ง๋ค์ด์ค', '์ด์ ์์ฑ', '์ด์ ๋ฑ๋ก'.
์ ์ปดํฌ๋ํธยทํ ยท์ ํธยทํ์ ยท์ฟผ๋ฆฌ๋ฅผ ๋ง๋ค๊ธฐ ์ ์ ๊ธฐ์กด ์ฝ๋์์ ์ ์ฌ/์ค๋ณต ๊ตฌํ์ ์ฐพ์ ์ฌ์ฌ์ฉ์ ๊ถํ๋ค. Use BEFORE creating anything new, or when the user says "๋ง๋ค์ด์ค / ์ถ๊ฐํด์ค / ๊ตฌํํด์ค".
jest-expo + RNTL ๊ธฐ๋ฐ ํ ์คํธ๋ฅผ ํ ์ปจ๋ฒค์ ๋๋ก ์ค์บํด๋ํ๋ค. Use when writing a test, or starting the TDD red step before implementation. unitยทintegration ๋ง (E2E ์ ์ธ).