Menü
Next.js 기반 웹앱의 페이지 구조, 컴포넌트 분리, 상태 관리 시작점을 정리하는 frontend-builder 전용 스킬.
Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.
Basierend auf der SOC-Berufsklassifikation
| name | frontend-component-patterns |
| description | Next.js 기반 웹앱의 페이지 구조, 컴포넌트 분리, 상태 관리 시작점을 정리하는 frontend-builder 전용 스킬. |
frontend-builder
_workspace/02_architecture.md_workspace/01_requirements.mdfrontendhttps://github.com/coreline-ai/agent-team-module일관된 프론트엔드 골격을 빠르게 제안한다.
## Downstream Handoff Note 섹션을 포함한다._workspace/03_frontend_plan.md 에 우선 구현 페이지를 표시한다.qa-reviewer가 UX/연결성 누락을 검토할 수 있도록 상태와 페이지 범위를 명시한다.작업을 해석하고, 필요한 도메인 팩과 에이전트/스킬 구성을 결정한 뒤, 스킬을 먼저 설계·바인딩하고, 실제 구현 에이전트 팀 runtime으로 handoff 가능한 Codex용 메타 하네스 패키지를 정의하는 메타 하네스 스킬.
내부링크 구조 설계, 백링크 기회 분석, 링크 전략을 작성하는 link-strategist 전용 스킬.
메타태그, 구조화 데이터, 콘텐츠 최적화 계획을 작성하는 on-page-optimizer 전용 스킬.
키워드 리서치, 검색 의도 분류, 경쟁 강도 분석, 타겟 키워드 우선순위를 정리하는 keyword-strategist 전용 스킬.
audit 결과와 3개 최적화 계획의 갭/충돌/우선순위를 종합 분석하는 seo-reviewer 전용 스킬.
웹사이트 SEO 진단, 키워드 전략, 온페이지/테크니컬/링크 최적화, 종합 갭 분석을 에이전트 팀이 협업하여 수행하는 메타 하네스 오케스트레이터.