rungchan2

@rungchan2 source repo

18 skills
0 followers
1 week ago last updated

▌
Dayjs Kst · rungchan2 bundle
한국 서비스용 dayjs 중앙 setup 파일을 생성. timezone(Asia/Seoul) + 한국어 locale + utc/timezone plugin을 한 번에 등록하고, parseDateOnly/formatDateOnly/parseTimestamp/formatDateTime/extractTime 같은 자주 쓰는 헬퍼를 묶어 lib/dayjs.ts로 박아넣는다. "dayjs 세팅", "날짜 모듈화", "한국 타임존 설정", "date-fns 대신 dayjs", "lib/dayjs.ts 만들어줘", "날짜 포맷 헬퍼" 같은 요청에 트리거. 새 프로젝트 초기 세팅이나 기존 프로젝트의 흩어진 dayjs 호출을 중앙화할 때 사용.

1 install
▌
Setup All · rungchan2 bundle
새 프론트엔드 프로젝트 초기 세팅 시 표준 패키지 설치 + 중앙 setup 파일들을 한 번에 적용하는 마스터 스킬. tailwind cn 유틸, dayjs KST, (추후) TanStack Query, Zustand, Supabase 클라이언트, Server Action/Form 패턴까지 묶어 처리. "프로젝트 초기 세팅", "표준 setup 박아줘", "lib 폴더 표준화", "패키지 표준 적용", "새 프로젝트 부트스트랩" 같은 요청에 트리거. shadcn init 직후 또는 새 Next.js 프로젝트 생성 직후 사용.

1 install
▌
Mvp Roadmap · rungchan2 bundle
MVP Roadmap 문서 작성 가이드. 개발 순서, 마일스톤, 스프린트 계획을 정의한다. 사용자가 "로드맵 만들어줘", "개발 일정 정리해줘", "MVP 계획 세워줘", "스프린트 계획 만들어줘" 등을 요청할 때 사용한다.

1 install
▌
Package Map · rungchan2 bundle
기능별 표준 패키지 룩업 표. "PDF 파싱하려면 뭘 써야 해?", "이미지 크롭 라이브러리 추천", "차트 어떤 거 써?", "토스트는 어느 라이브러리?", "스프레드시트 다루는 패키지" 같은 "이 기능 → 어떤 패키지" 질문에 트리거. 본인 표준 답을 통일하는 reference 스킬. 새로운 기능을 시작할 때 매번 다른 라이브러리를 고르지 않도록 함.

1 install
▌
Tailwind Cn · rungchan2 bundle
shadcn/ui 사용 프로젝트의 표준 cn() 유틸을 세팅. Tailwind class 병합 헬퍼(clsx + tailwind-merge)와 KRW 통화 포맷 등 자주 쓰는 유틸을 lib/utils.ts에 박아넣는다. 새 프로젝트 시작 시, 또는 "cn 유틸 세팅", "tailwind merge 헬퍼 추가", "shadcn utils 만들어줘", "lib/utils.ts 표준화" 같은 요청에 트리거. shadcn/ui CLI(`npx shadcn@latest init`)를 막 돌렸거나 돌리려는 시점에 사용.

1 install
▌
Design System · rungchan2 bundle
Design System 문서 작성 가이드. 일관된 UI/UX를 위한 디자인 규칙과 컴포넌트를 정의한다. 사용자가 "디자인 시스템 만들어줘", "UI 가이드라인 정리해줘", "컬러/타이포그래피 정의해줘", "컴포넌트 스타일 가이드 만들어줘" 등을 요청할 때 사용한다.

1 install
▌
Zustand Store · rungchan2 bundle
Zustand 표준 store 패턴(State/Actions 인터페이스 분리)과 인증 사용자 store(useUserStore)를 stores/ 폴더에 박는다. Supabase 인증과 연결된 fetchUser/logout/reset 액션 포함. "zustand 세팅", "store 만들어줘", "user store 추가", "인증 store 셋업", "zustand 스토어 패턴 적용" 등에 트리거. 인증은 Supabase 사용 가정 — 다른 인증이면 fetchUser/logout 본문만 교체하면 됨.

1 install
▌
Tanstack Query · rungchan2 bundle
TanStack Query 표준 setup 3종 (전역 캐시 설정, queryKey 팩토리, QueryProvider) + devtools를 한 번에 박는다. lib/query-defaults.ts에 GLOBAL_QUERY_CONFIG/SHORT_CACHE_CONFIG/REALTIME_CONFIG 정의, lib/query-keys.ts에 도메인별 query key, providers/query-provider.tsx에 클라이언트 Provider. "tanstack query 세팅", "react-query 셋업", "QueryClient 만들어줘", "queryKey 팩토리 추가", "react query provider", "리액트 쿼리 캐시 설정" 등에 트리거. SWR이 아니라 TanStack Query 사용 프로젝트가 전제.

1 install
▌
Web To Markdown · rungchan2 bundle
Fetch web pages and save them as clean Markdown files into a docs/ directory. Use when the user provides a URL and wants its content saved as a local .md file for reference — especially documentation pages, API references, blog posts, or technical guides. Triggers on requests like "save this page as markdown", "fetch this docs page", "grab this URL into docs/", or when given a URL with intent to capture its content locally. Supports Cloudflare Markdown for Agents (Accept text/markdown) for higher quality output on supported sites, with automatic HTML-to-Markdown fallback for all other sites. Configurable via CLOUDFLARE_API_KEY environment variable for authenticated Cloudflare access.

1 install
▌
Form Validation · rungchan2 bundle
react-hook-form + zod + shadcn/ui Form 표준 패턴 셋업. 패키지 설치, shadcn form 컴포넌트 추가, 그리고 표준 폼 예시(zod 스키마 외부, z.infer 타입, FormField 래핑)를 components/forms/ 아래에 박는다. "react-hook-form 셋업", "zod 폼 검증", "form 패턴 적용", "폼 검증 표준화", "shadcn form 추가" 등에 트리거. shadcn/ui가 이미 초기화된 프로젝트 전제.

1 install
▌
Supabase Clients · rungchan2 bundle
Next.js 프로젝트에 Supabase 클라이언트 표준 4종 세트를 한 번에 세팅. 브라우저용 client, 서버용 server, RLS 우회 service-role, 그리고 세션 갱신 + 보호 라우트 리다이렉트 middleware를 lib/supabase/ 아래에 박는다. "supabase 클라이언트 세팅", "supabase ssr 셋업", "lib/supabase 만들어줘", "supabase middleware 추가", "service role 클라이언트 추가" 등에 트리거. database.types.ts(Database 제네릭)는 별도 supabase:initial-setting 스킬로 생성하는 것을 가정.

1 install
▌
Project Scaffolder · rungchan2 bundle
프론트엔드 프로젝트 구조를 분석하고 정리하여 AI 에이전트가 활용할 수 있는 컨텍스트 문서를 생성하는 스킬. "프로젝트 구조 잡아줘", "폴더 구조 정리해줘", "아키텍처 문서화해줘", "프로젝트 초기 설정해줘" 등의 요청에 트리거된다. Next.js, Supabase, React 등 다양한 프론트엔드 스택에서 범용적으로 사용 가능하다.

1 install
▌
Builder · rungchan2 bundle
CLAUDE.md 파일을 블록 단위로 생성, 검사, 정리하는 스킬. 프로젝트의 기술 스택(Supabase, Next.js 등)을 감지하여 필요한 블록을 판단하고, 누락된 블록을 알려주거나, 기존 내용을 표준 포맷으로 정리합니다. 트리거: CLAUDE.md 만들어줘, CLAUDE.md 블록 추가, CLAUDE.md 검사해줘, CLAUDE.md 감사(audit), context file 정리, claudemd 빌드, claudemd builder. claude-refactoring 스킬과 다른 점: refactoring은 기존 파일 최적화에 집중, builder는 블록 정의 기반으로 생성/검사/정리를 수행.

1 install
▌
Refactoring · rungchan2 bundle
CLAUDE.md 메모리 파일 리팩토링 및 정리 스킬. 기존 CLAUDE.md 분석, 구조 개선, 컨텍스트 효율성 최적화를 수행합니다. 트리거: CLAUDE.md 리팩토링, CLAUDE.md 정리, 메모리 파일 개선, 프로젝트 가이드 최적화, CLAUDE.md 분석, 클로드 가이드 작성, CLAUDE.md 작성 도와줘.

1 install
▌
E2e Testing · rungchan2 bundle
agent-browser 기반 자연어 E2E 테스트 프레임워크. `.e2e/` 폴더에 마크다운 시나리오를 작성하면 agent-browser CLI로 브라우저 테스트를 자동 실행한다. auto/human 스텝 타입으로 결제 등 사람이 필요한 단계도 처리. 트리거: E2E 세팅해줘, E2E 시나리오 만들어줘, 테스트 케이스 작성해줘, E2E init. /e2e-testing:run 으로 테스트 실행, /e2e-testing:setup 으로 scaffold 생성. agent-browser CLI가 설치되어 있어야 함 (npm i -g agent-browser).

1 install
▌
Guide Maker · rungchan2 bundle
프로젝트 기능에 대한 사용자 가이드를 Notion에 생성하는 스킬. 테이블, 색상, 코드블록, 화살표, 이모지를 활용한 가시성 높은 문서 생성. "가이드 만들어줘", "사용자 매뉴얼 작성해줘", "도움말 문서 생성해줘", "Notion에 문서 작성해줘" 요청 시 사용. Notion 공식 remote MCP (OAuth) 사용.

1 install
▌
Initial Setting · rungchan2 bundle
Supabase 프로젝트의 DB 스키마 개발환경을 초기 세팅하는 스킬. database.types.ts 타입 생성 스크립트, bash 기반 DB 스키마 CLI 조회 도구 (테이블/뷰/RPC 함수/enum 전부 조회 가능), Supabase client·server에 Database 제네릭 타입 바인딩, CLAUDE.md에 마이그레이션 규칙과 테이블 목록까지 한 번에 세팅한다. 트리거: supabase db 세팅, supabase 초기 설정, db schema 세팅, supabase type 설정, 데이터베이스 타입 세팅, supabase 세팅해줘, db 스키마 cli 설치, supabase client 타입.

1 install
▌
Tech Stack · rungchan2 bundle
Tech Stack 문서 작성 가이드. 프로젝트에 사용되는 기술, 패키지, 외부 서비스를 정의한다. 사용자가 "기술 스택 정리해줘", "tech stack 문서 만들어줘", "기술 선택 문서화해줘", "사용 기술 정리해줘" 등을 요청할 때 사용한다.

1 install

18 published skills