Website

seo 스킬은 기술 SEO, 온페이지 최적화, 구조화 데이터, Core Web Vitals, 키워드 매핑을 점검하고 계획하며 구현하는 데 도움이 됩니다. 크롤링 가능성, 인덱싱 가능성, 메타데이터, 스키마, 내부 링크, 사이트맵 및 robots 변경 사항이 필요할 때, 또는 Keyword Research용 seo가 필요할 때 사용하면 페이지별로 바로 실행할 수 있는 구체적인 가이드를 제공합니다.

canary-watch는 릴리스, 병합, 의존성 업데이트 이후 스테이징 또는 프로덕션의 라이브 URL에서 회귀를 점검하는 배포 후 모니터링 스킬입니다.

wcag-audit-patterns는 접근성 검토를 위한 구조화된 WCAG 2.2 감사 스킬입니다. 자동화 도구의 결과와 수동 점검을 함께 활용하고, 심각도와 적합성 수준별로 이슈 우선순위를 정리하며, 페이지·사용자 흐름·컴포넌트에 대해 실행 가능한 개선 가이드를 만드는 데 적합합니다.

site-architecture는 웹사이트의 페이지 계층, 내비게이션, URL 패턴, 내부 링크 구조를 새로 설계하거나 재정비할 때 유용한 스킬입니다. 사이트맵, 내비게이션 명세, URL 맵, Mermaid 또는 ASCII 사이트 다이어그램을 만들어 마케팅 기획과 UI/UX 설계를 구체화하는 데 활용할 수 있습니다.

seo-audit는 크롤링 가능성, 색인, 기술적 SEO, 온페이지, 콘텐츠 이슈를 진단하기 위한 구조화된 SEO 리뷰 스킬입니다. 에이전트가 사이트 맥락을 먼저 확인하고, 명확한 감사 순서를 따르며, 근거 없는 schema 주장를 피하고, 발견 사항을 우선순위가 있는 실행 계획으로 정리하도록 돕습니다.

schema-markup 스킬은 페이지에 맞는 schema.org 패턴을 바탕으로 팀이 JSON-LD를 추가하고, 수정하고, 검증할 수 있도록 돕습니다. 설치 방법부터 실제 schema-markup 활용법까지 다루며, 실제 SEO 콘텐츠 페이지에 적용할 수 있도록 Organization, WebSite, FAQPage, Product, SoftwareApplication, 그리고 @graph 워크플로 예시를 제공합니다.

programmatic-seo는 템플릿, 구조화된 데이터, 플레이북을 활용해 확장 가능한 SEO 페이지 시스템을 기획할 수 있도록 돕습니다. 대규모 페이지 구축에 들어가기 전에 페이지 유형, 얇은 콘텐츠 위험, 차별성, 내부 링크 구조, 롤아웃 의사결정을 평가할 때 유용합니다.

popup-cro는 전환 향상을 위한 팝업, 모달, 슬라이드인, 스티키 바를 만들고 최적화하는 데 도움을 줍니다. 설치, 설정, 활용 방법을 안내하며 트리거, 오퍼, 폼 마찰, 모바일 UX, 노출 빈도 규칙, 제품 맥락 점검에 대한 실무적인 조언을 제공합니다.

page-cro는 마케팅 페이지를 검토하고 전환율을 높일 수 있는 실질적인 개선점을 찾는 CRO 스킬입니다. 랜딩 페이지, 가격 페이지, 홈페이지, 기능 소개 페이지, 블로그 페이지를 목표, 유입 채널, 대상 고객, 전환 방해 요인과 함께 분석할 때 유용합니다. 설치 안내, 워크플로 팁, 프롬프트 예시, 실험 중심 활용법도 포함되어 있습니다.

form-cro는 리드 수집, 문의, 데모 요청, 지원서, 설문, 견적, 체크아웃형 폼처럼 회원가입이 아닌 폼을 감사하고 개선하는 데 특화된 스킬입니다. 필드 마찰을 줄이고, 이탈 원인을 진단하며, repo 기반 가이드, eval 예시, 명확한 설치·사용 흐름을 바탕으로 폼 구조를 재설계하는 데 도움을 줍니다.

copywriting 스킬은 에이전트가 전환을 목표로 한 웹사이트 및 랜딩 페이지 카피를 새로 작성하거나 다듬을 수 있도록 돕습니다. 페이지 구조를 안내하고, 먼저 product-marketing 관련 컨텍스트 파일을 확인하도록 하며, 홈페이지, pricing, feature, about, product 페이지에 바로 적용할 수 있는 실용적인 설치 및 활용 흐름을 지원합니다.

competitor-alternatives는 팀이 SEO 중심의 alternative 및 vs 페이지를 더 명확한 구조, 솔직한 트레이드오프 설명, 재사용 가능한 템플릿으로 만들 수 있도록 돕습니다. 네 가지 페이지 형식에 대한 안내, 먼저 읽어야 할 핵심 파일, 제품 마케팅 맥락 점검, 그리고 일관된 경쟁사 비교 콘텐츠를 위한 실무형 워크플로를 제공합니다.

seo 스킬은 감사, 페이지 검토, 스키마 점검, Core Web Vitals, 사이트맵 이슈, 콘텐츠 품질, 로컬 노출까지 다루는 실용적인 SEO 분석 시스템입니다. Keyword Research, 기술적 우선순위 정리, 또는 어떤 웹사이트나 비즈니스 유형에도 적용할 수 있는 구조화된 워크플로가 필요할 때 설치하면 좋습니다.

seo-audit는 병렬 서브에이전트 위임을 활용해 최대 500페이지까지 크롤링하고 비즈니스 유형까지 감지하는 전체 웹사이트 SEO 감사 스킬입니다. 기술, 콘텐츠, 스키마, 성능, 시각, 로컬, 지역 신호를 모두 점검한 뒤, 사이트 전체 검토와 SEO 콘텐츠 분석에 바로 쓸 수 있는 건강 점수와 우선순위가 매겨진 수정 항목을 반환합니다.

website-to-hyperframes는 기존 웹사이트를 HyperFrames 영상으로 전환하는 워크플로 스킬입니다. URL만 있으면 사이트의 실제 디자인, 카피, 에셋을 바탕으로 제품 투어, 프로모션, 소셜 광고, 설명 영상을 만들 때 사용하세요. 이 repo는 Design Implementation 작업을 위해 캡처, 디자인, 스크립트, 스토리보드, VO, 빌드, 검증까지 지원합니다.

domain-name-brainstormer는 브랜드화하기 쉬운 도메인 아이디어를 만들고, TLD 선택지를 비교하며, 사용 가능성이 높아 보이는 후보를 가려내는 경량 스킬입니다. 프로젝트 브리프를 입력하면 네이밍 근거, 확장자별 장단점, 수동 검증에 맞춘 워크플로 안내와 함께 우선 검토할 후보군으로 정리하는 데 유용합니다.

on-page-seo-auditor 스킬은 단일 URL을 목표 키워드 기준으로 검토하고, 제목, 메타, 헤더, 본문, 링크, 이미지, 기술적 기본 요소를 점수화한 뒤 우선순위가 정리된 개선안을 제시합니다.

internal-linking-optimizer는 SEO 콘텐츠 팀을 위한 내부 링크 기획 스킬로, 재사용 가능한 템플릿과 예시를 바탕으로 사이트 아키텍처를 개선하고, 고아 페이지를 정리하며, 크롤링 깊이를 줄이고, 더 강한 내부 링크 구조를 설계할 수 있도록 돕습니다.

web-content 스킬은 SEO와 AI 탐색을 위한 웹페이지 작성에 도움을 줍니다. 랜딩 페이지, 홈페이지, 카테고리 페이지, 가이드, 제품 페이지처럼 더 깔끔한 구조, 직접적인 답변, 그리고 검색 엔진과 AI 시스템이 인용하기 쉬운 콘텐츠가 필요할 때 사용하세요.

firecrawl-agent는 복잡한 다중 페이지 웹사이트에서 구조화된 JSON을 추출할 때 유용합니다. 어떤 상황에서 적합한지, Firecrawl CLI agent를 실행하는 방법, schema 추가, 시작 URL 설정, 그리고 가격 정보·상품 목록·디렉터리형 데이터 추출 결과를 저장하는 방법까지 빠르게 파악할 수 있습니다.

firecrawl-crawl은 path 필터, depth 제한, 페이지 수 상한, wait 모드, 작업 상태 확인을 통해 웹사이트나 docs 섹션의 콘텐츠를 대량으로 추출할 수 있게 도와주는 스킬입니다.

cro-optimization은 랜딩 페이지 URL이나 붙여 넣은 HTML/CSS를 분석해 전환 중심의 CRO(전환율 최적화) 감사 결과로 정리해 줍니다. 명확성, 메시지 일치, 단일 오퍼 집중, 요소별 검토를 바탕으로 가입, 리드, 매출 개선에 바로 쓸 수 있는 실질적인 권장사항을 제공합니다. 페이지 수정, 우선순위 설정, 전환 중심 피드백이 필요할 때 적합한 cro-optimization 스킬 가이드입니다.

audit-website 스킬은 `squirrel` CLI를 사용해 SEO, 기술, 콘텐츠, 성능, 보안, 링크, 사이트 상태를 포함한 230개 이상의 규칙으로 웹사이트와 웹앱을 감사하고, 바로 활용할 수 있는 LLM용 실행 보고서를 반환합니다.

imagegen-frontend-web은 프리미엄 웹 컴포지션, 랜딩 페이지, 마케팅 사이트를 위한 섹션 인식형 프런트엔드 이미지 디렉션 스킬입니다. 대략적인 브리프를 섹션별로 일관되고 전환을 고려한 이미지로 바꿔 주며, 각 섹션마다 가로형 이미지 1장을 생성해 개발자나 코딩 모델이 추측을 줄이고 레이아웃을 재현할 수 있도록 돕습니다. UI Design 워크플로, 페이지 단위 기획, 그리고 imagegen-frontend-web 사용법을 더 명확히 정리하는 데 적합합니다.