React SPA 프런트엔드 설정 기술(PocketBase 통합) Vite + TanStack Router(파일 기반 라우팅) + TanStack 쿼리 + Tailwind CSS / Shadcn UI + Biome. React 프런트엔드, SPA 설정, PocketBase UI, 프런트엔드 프로젝트 초기화, React 앱 또는 대시보드 빌드를 생성할 때 사용합니다.
명령줄에서 pb-react-spa AI 스킬을 개발 환경에 빠르게 설치
출처: ikumasudo/pocketbase-skill.
A skill that automates the setup of a React SPA frontend integrated with a PocketBase backend.
For details on the PocketBase JS SDK, also see references/js-sdk.md in the PocketBase skill.
Note: Check the user's existing project structure and adapt accordingly. The frontend/ directory name can be changed based on user preference.
React SPA 프런트엔드 설정 기술(PocketBase 통합) Vite + TanStack Router(파일 기반 라우팅) + TanStack 쿼리 + Tailwind CSS / Shadcn UI + Biome. React 프런트엔드, SPA 설정, PocketBase UI, 프런트엔드 프로젝트 초기화, React 앱 또는 대시보드 빌드를 생성할 때 사용합니다. 출처: ikumasudo/pocketbase-skill.
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/ikumasudo/pocketbase-skill --skill pb-react-spaReact SPA 프런트엔드 설정 기술(PocketBase 통합) Vite + TanStack Router(파일 기반 라우팅) + TanStack 쿼리 + Tailwind CSS / Shadcn UI + Biome. React 프런트엔드, SPA 설정, PocketBase UI, 프런트엔드 프로젝트 초기화, React 앱 또는 대시보드 빌드를 생성할 때 사용합니다. 출처: ikumasudo/pocketbase-skill.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/ikumasudo/pocketbase-skill --skill pb-react-spa 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
https://github.com/ikumasudo/pocketbase-skill