ai-fe-skills은(는) 무엇을 하나요?
프론트엔드 개발을 위한 에이전트 스킬 — 드루팔, AEM, 성능 최적화. Claude Code, Codex, Gemini CLI, Cursor 등과 호환되는 SKILL.md 형식.
이 저장소는 AI 에이전트(예: Claude Code, Cursor, Codex, Gemini CLI)가 프론트엔드 개발 작업을 수행할 때 사용할 수 있는 재사용 가능한 스킬 세트를 제공합니다. 주요 초점은 Drupal 및 AEM 관련 개발, 그리고 웹 성능 최적화에 있습니다.
주요 기능
- Drupal 지원: 테마 개발, 모듈 구성, Twig 템플릿 작업, Drush 명령어 처리.
- AEM 지원: 구성 요소 개발, Sling 모델, HTL( Sightly ) 템플릿, OSGi 서비스.
- 성능 최적화: Lighthouse 점수 개선, 번들 크기 최적화, 이미지 최적화, 캐싱 전략.
- 크로스 플랫폼 호환성: 동일한 SKILL.md 형식이 여러 AI 에이전트에서 작동합니다.
사용 방법
- 이 저장소를 복제하거나 SKILL.md 파일을 프로젝트 루트에 복사합니다.
- AI 에이전트(Claude Code, Cursor, Codex 등)에서 프로젝트를 엽니다.
- 에이전트가 자동으로 스킬을 인식하고 지침을 따릅니다.
스킬 세부 사항
Drupal
hook_theme()및hook_preprocess()구현- 커스텀 모듈 및 블록 생성
- Drush를 사용한 데이터베이스 작업 및 설정 관리
- Twig 템플릿 최적화 및 디버깅
AEM
- AEM 구성 요소 및 대화 상자 생성
- Sling 모델을 사용한 백엔드 로직
- HTL( Sightly ) 템플릿 언어
- OSGi 서비스 및 구성
성능 최적화
- 이미지 지연 로딩 및 WebP 변환
- CSS/JS 번들 크기 최소화
- HTTP/2 및 CDN 활용
- Lighthouse 감사 및 개선
호환성
이 스킬은 다음 플랫폼과 호환됩니다:
- Claude Code
- Cursor
- Codex
- Gemini CLI
- 기타 SKILL.md 형식을 지원하는 도구
라이선스
MIT