바이브 코딩을 위한 Skill 모음 레포입니다. 작업 주제에 맞는 폴더의 SKILL.md를 열어서 그대로 따라가면 됩니다.
스킬은 성격이 셋으로 나뉩니다.
| 분류 | 성격 | 섹션 |
|---|---|---|
| 외부 스킬 | LobeHub 마켓플레이스에서 가져온 범용 스킬 | Skills (LobeHub) |
| 내부 스택 스킬 | GeOn API·ODF·OUI2 코드 생성 | GeOn / ODF / OUI2 |
| 내부 워크플로 스킬 | 절차를 따라가는 개발·검사 워크플로 | OUI2 개발 워크플로, 웹 품질 검사 |
- 참고/출처: LobeHub Skills Marketplace
| 폴더 | 출처(URL) | 요약(역할) | 키워드(주요 기능) |
|---|---|---|---|
java-mcp-server-generator/ |
https://lobehub.com/ko/skills/github-awesome-copilot-java-mcp-server-generator | Java MCP Server 프로젝트를 템플릿 기반으로 생성/구성 | MCP Java SDK, Maven/Gradle, Tools/Resources/Prompts, Stdio transport, 테스트 |
java-refactoring-remove-parameter/ |
https://lobehub.com/ko/skills/github-awesome-copilot-java-refactoring-remove-parameter | Java에서 Remove Parameter 리팩터링(미사용·불필요 파라미터 제거, 시그니처·호출부 정리) | 메서드/생성자, 호출부 동기화, 오버로드·람다·인터페이스 |
react-state-management/ |
https://lobehub.com/ko/skills/wshobson-agents-react-state-management | React 상태관리 전략 선택 및 구현 가이드 | Redux Toolkit, Zustand, Jotai, React Query/SWR, optimistic update |
tailwind-design-system/ |
https://lobehub.com/ko/skills/wshobson-agents-tailwind-design-system | Tailwind CSS v4 기반 디자인 시스템/토큰/컴포넌트 패턴 구축 | @theme, design tokens, CVA variants, dark mode, a11y |
openlayer/ |
https://lobehub.com/ko/skills/membranedev-application-skills-openlayer | OpenLayers 웹 지도 연동·Membrane CLI로 액션 자동화(Openlayer 데이터·레코드·워크플로) | Map, Layer, Source, Style, Membrane CLI, GIS 시각화 |
vercel-ai-use-ai-sdk-1.0.1/ |
https://lobehub.com/ko/skills/vercel-ai-use-ai-sdk | Vercel AI SDK로 AI 기능/에이전트 구현 시 문서·소스 기준으로 최신 API를 확인하며 진행 | generateText/streamText, ToolLoopAgent, tools, useChat, AI Gateway |
react-best-practices/ |
https://lobehub.com/ko/skills/redpanda-data-console-react-best-practices?activeTab=skill | 클라이언트 React 성능 최적화 규칙 모음 | 번들 최적화, 리렌더 방지, Suspense, code splitting, effect 패턴 |
react-19/ |
https://lobehub.com/ko/skills/prowler-cloud-prowler-react-19 | React 19 패턴/규칙(React Compiler 전제) | no manual memoization, named imports, use(), useActionState, ref as prop |
LobeHub가 아닌 GeOn API·ODF·OUI2 스택용 코드 생성 스킬입니다. 문서/소스 경로는 각 SKILL.md의 How I work를 따릅니다.
| 폴더 | 출처(URL) | 요약(역할) | 키워드(주요 기능) |
|---|---|---|---|
geon-api/ |
https://gsapi.geon.kr/docs | GeOn API Swagger index → detail 2단계 조회로 vanilla JS 함수·HTML 테스트 페이지 생성 | smt/analysis/publish/addrgeo/map/estate/coord, fetch, crtfckey, 토큰 절약 |
odf/ |
— | ODF 문서·예제 기반으로 정확한 지도 코드 생성 | agent/odf/docs/ai, agent/odf/examples, Map API, 예제 HTML |
oui2/ |
— | OUI2 React 지도 컴포넌트(Provider 계층·TypeScript·package exports 규칙) | @geon-map/*, @geon-ui/*, @geon-query/*, Provider |
oui2-geon-api/ |
— | @geon-query/model 클라이언트·타입 정의 기반 GEON API 코드·테스트 페이지(직접 HTTP 호출 지양) |
restapi, type, SMT/MAGP/Analysis/Map/Publish/Estate |
geon-api의 서비스 목록은 docs 루트(https://gsapi.geon.kr/docs)가 기준입니다. 거기 없는 이름은 존재하지 않는 서비스이며, 과거 문서에 있던magp·portal은 실제로 제거됐습니다(2026-09 확인, 실서비스 7개). 서비스명을 추측하지 마세요.
OUI2 모노레포 안에서 실제 개발할 때 쓰는 절차형 스킬입니다(oui2 모노레포 packages/ai-docs/skills에서 이관).
스킬 본문의 docs/**, apps/web/**, packages/**, {oui2-base} 같은 경로는 oui2 모노레포 루트 기준입니다 — 이 레포 기준이 아닙니다. 서로 위임 관계가 있으니 아래 연계 열을 참고하세요.
| 폴더 | 요약(역할) | 트리거 예시 | 연계 스킬 |
|---|---|---|---|
feature-design-docs/ |
코드 작성 전 새 기능을 기획·설계·범위 산정. 0단계 범위 확정 → 코드베이스 조사 → 설계.md / 화면.md / 할일.md 작성. 매 단계 사용자 확인 후 진행 |
"설계 문서 만들어줘", "기획해줘", "화면 설계 부탁해", "이번엔 1,2번만" | (OUI2 위젯이면 oui2-widget-design) |
oui2-widget-design/ |
OUI2 위젯 설계 문서 5파일(requirements·ui-design·technical·todo·test.md) 생성·관리. V1 분석, OUI2 패키지/React Query 탐색, ODF 에스컬레이션, Provider 계층·import 경로·상태별 UI·접근성 규칙 포함 | "위젯 만들어줘", "위젯 설계해줘", "V1 xxx OUI2로 바꿔줘", "스펙 변경됐어" | 테스트 실행 → oui2-widget-test |
oui2-widget-test/ |
위젯 test.md를 Playwright MCP로 실행·검증. MCP 연결 확인, 실패 처리 모드(자동 수정/리포트만) 선택, 케이스별 결과를 test.md에 반영 |
"test.md 실행해줘", "브라우저에서 동작 확인해줘" | oui2-widget-design, oui2-analysis-report에서 위임받음 |
oui2-builder-widget-attach/ |
레거시 webmap.do/mapbuilder.do 위젯을 신규 빌더(apps/web/app/builder)에 하나씩 이식. 구현 전 5가지 확인 질문 → 구현·검증 → docs/builder/{widget}.md + 종합 builder.md 갱신 |
"빌더에 OOO 위젯 붙여줘", "mapbuilder.do 위젯 이식" | 신규 설계는 oui2-widget-design, 테스트는 oui2-widget-test |
appbuilder-migration/ |
레거시 geon.builder 앱빌더(테마지도/webapp) 6개 테마를 OUI2로 이관·문서화. docs/appbuilder/ 허브 구조, 문서 템플릿, 테마 코드표(탭=SES, 스토리=JOR 함정) 포함. references/legacy-source-map.md에 레거시 소스 맵 |
"앱빌더 마이그레이션", "테마지도 이식해줘", 표준/간편/편집/탭/스토리/모바일 테마 언급 | 맵빌더 위젯은 oui2-builder-widget-attach |
oui2-package-jsdoc/ |
기존 OUI2 Hook/Widget/Util 소스에 devcenter 자동 문서 생성 컨벤션에 맞는 JSDoc 작성·보강. 서브모듈 커밋 → devcenter 핸드오프 | "JSDoc 채워줘", "이 위젯 주석 정리해줘", "devcenter 문서 자동생성되게 고쳐줘" | 새 위젯 설계는 oui2-widget-design |
oui2-analysis-report/ |
OUI2 공간분석(분석 마법사) 시나리오 매니페스트를 실제 서버로 실행하고 회차 리포트(runs/<날짜>/index.md + 케이스 md + run.json) 작성. references/mcp-recipe.md에 MCP 실행 레시피 |
"분석 리포트 돌려줘", "공간분석 회귀 돌려줘", "지난 회차와 비교해줘" | 위젯 테스트는 oui2-widget-test |
oui2-analysis-report가 참조하는oui2-spatial-wizard-widget스킬은 원본 워크스페이스 루트.claude/skills/에 있어packages/ai-docs/skills이관 대상에서 빠져 있습니다. 필요하면 별도로 복사하세요. 그때까지 마법사 코드 수정 규칙은oui2-widget-design을 따릅니다.
특정 스택에 묶이지 않는 검사·리포트 스킬입니다. 임의 URL·HTML을 대상으로 돌 수 있어 OUI2 밖에서도 그대로 씁니다. 둘 다 로컬에서 검증기를 돌려 페이지를 외부로 보내지 않으며, 결과 리포트는 사람이 읽는 산출물이면서 이어지는 코드 수정의 입력입니다(건별 CSS 선택자·소스 검색 힌트 포함). 응답과 리포트는 한국어입니다.
| 폴더 | 요약(역할) | 트리거 예시 | 전제 |
|---|---|---|---|
openwax-a11y-report/ |
웹 접근성을 헤드리스로 검사해 KWCAG 리포트(마크다운) 작성 후 코드 수정. 러너 2개 — openwax-pro-audit.mjs(기본, 설치된 openWAX PRO 확장을 그대로 구동·axe-core 포함) / openwax-audit.mjs(폴백, 번들 룰셋 13항목). 결과를 오류 / 확인필요 / 검토 3단계로 분리하고 alt="" 같은 |
"접근성 검사해줘", "OpenWAX 돌려줘", "a11y 리포트 뽑아줘", "KWCAG 검사" | puppeteer 해석 가능(설치된 레포 루트에서 실행), PRO 러너는 확장 설치 필요 |
w3c-markup-validate/ |
HTML 마크업을 W3C 공식 검증기(Nu Html Checker / vnu.jar) 로 검사 → 오류를 유형별로 묶어 원인 컴포넌트까지 추적 → 수정 → 전/후 비교 리포트. 검사 기준(SSR 응답 / 렌더 후 DOM / 빌드 산출물)을 시작 전에 합의 |
"W3C 검증", "HTML 유효성 검사", "vnu", "div not allowed as child of button 고쳐줘" |
Java + scripts/w3c_check.py setup(~/.cache/vnu/vnu.jar). Java 없으면 docker 또는 원격 API(마크업 외부 전송 — 동의 필요) |
두 스킬은 목적이 달라 겹치지 않습니다 — 접근성 판정과 HTML 유효성은 서로 잡는 것이 다르므로 필요하면 같은 화면에 둘 다 돌립니다. axe-core를 따로 돌릴 필요는 없습니다(PRO 러너가 내부에 번들해 함께 돌립니다).
openwax-a11y-report/assets/의openwax-*.js·openwax-messages-ko.json은 OpenWAX(Goonoo Kim, NHN) 원본을 수정 없이 복사한 것으로 MPL 1.1 / GPL 2.0 / LGPL 2.1 삼중 라이선스입니다. 출처·갱신 절차·러너가 원본에 기대는 3개 지점은 같은 폴더의assets/OPENWAX-NOTICE.md에 있습니다. 원본을 덮어쓴 뒤에는 반드시 실제 페이지에 한 번 돌려 보고references/kwcag-guide.md의 판정 로직도 함께 확인하세요.
- 필요한 작업을 먼저 정의한 뒤, 가장 가까운 스킬 폴더의
SKILL.md를 읽고 지침대로 진행합니다. - OUI2 워크플로 스킬은 대략
feature-design-docs(기획) →oui2-widget-design(설계) → 구현 →oui2-widget-test(검증) →oui2-package-jsdoc(문서화) 순으로 이어집니다. 레거시 이식은oui2-builder-widget-attach(맵빌더 위젯) /appbuilder-migration(앱빌더 테마)로 진입합니다. - 웹 품질 검사는 스택과 무관하게 진입합니다 — 접근성은
openwax-a11y-report, 마크업 표준은w3c-markup-validate. - 스킬을 추가할 때는
폴더명/+SKILL.md를 기본 단위로 두고(보조 자료는references/, 실행 스크립트는scripts/, 고정 자산은assets/), README 표에 한 줄을 추가합니다. - 원본 워크스페이스에서 스킬이 갱신되면 이 레포로 다시 복사하고, 아래 변경 이력에 한 줄 남깁니다.
- 2026-09-18 — oui2 모노레포
packages/ai-docs/skills스킬 이관.- 신규 9개:
appbuilder-migration,feature-design-docs,oui2-analysis-report,oui2-builder-widget-attach,oui2-package-jsdoc,oui2-widget-design,oui2-widget-test(→ OUI2 개발 워크플로),openwax-a11y-report,w3c-markup-validate(→ 웹 품질 검사). 각references/·scripts/·assets/포함. - 갱신 1개:
geon-api/— 원본의geon-api-vanilla와 같은 스킬이라 폴더를 새로 만들지 않고 기존 폴더를 덮었습니다. 존재하지 않는magp서비스를 목록에서 제거하고 실서비스 7개(smt·analysis·publish·addrgeo·map·estate·coord) 기준으로 정정, 서비스 목록은 docs 루트에서 확인하도록 규칙을 추가했습니다.
- 신규 9개:
- 초기 셋팅 — LobeHub 스킬 8개 +
geon-api,odf,oui2,oui2-geon-api추가.