skills은(는) 무엇을 하나요?
구조화된 스킬로 AI 코딩 에이전트를 강화하여 프론트엔드, 풀스택, 모바일 및 셰이더 개발을 지원합니다.
개요
이 저장소는 AI 코딩 에이전트가 다양한 개발 시나리오에서 일관되고 효율적으로 작업할 수 있도록 설계된 스킬 모음입니다. 각 스킬은 특정 도메인(예: React 프론트엔드, Flutter 모바일, GLSL 셰이더)에 대한 컨텍스트와 지침을 제공합니다.
주요 기능
- 프론트엔드 개발: React, Vue, Svelte 등을 위한 컴포넌트 디자인 패턴 및 상태 관리 모범 사례.
- 풀스택 개발: Node.js, Python, Go 등 백엔드와의 통합, API 설계, 데이터베이스 쿼리 가이드.
- 모바일 개발: React Native, Flutter, SwiftUI를 위한 레이아웃, 네비게이션, 네이티브 기능 활용법.
- 셰이더 개발: WebGL, GLSL, Metal 셰이더 코드 최적화 및 디버깅.
사용 방법
- AI 에이전트의 설정 파일(예:
system_prompt.md또는SKILL.md)에 이 저장소의 내용을 포함하세요. - 필요에 따라 특정 스킬 파일(
skills/디렉토리 내)을 선택적으로 추가할 수 있습니다. - 에이전트가 작업을 시작할 때 자동으로 스킬을 로드하여 컨텍스트를 활용합니다.
지원 플랫폼
- Claude Code
- Cursor
- Codex (GitHub Copilot)
- 기타 AI 코딩 도우미
예시 명령어
# 프론트엔드 컴포넌트 생성
you: "React로 사용자 프로필 카드 컴포넌트를 만들어줘"
# 셰이더 코드 최적화
you: "이 GLSL 프래그먼트 셰이더를 최적화해줘"