Sanity Io 스킬

다축 코드 리뷰를 수행합니다. 변경 사항을 병합하기 전에 사용하세요. 자신, 다른 에이전트 또는 사람이 작성한 코드를 검토할 때 사용하세요. 필요할 때 사용하세요…

코드를 명확하게 단순화합니다. 동작을 변경하지 않고 코드를 명확하게 리팩토링할 때 사용합니다. 코드가 작동하지만 읽기, 유지 관리 또는 확장이 어려울 때 사용합니다…

이 스킬은 사용자가 "슬래시 명령어 만들기", "명령어 추가하기", "커스텀 명령어 작성하기", "명령어 인수 정의하기", "명령어 사용하기" 등을 요청할 때 사용해야 합니다.

콘텐츠 실험을 설계, 실행, 분석하여 전환율과 참여도를 개선하기 위한 체계적인 가이드입니다. 가설 프레임워크, 지표 선택, 표본 크기 계산, A/B 및 다변량 실험의 통계적 유의성 검정을 다룹니다. p-값, 신뢰 구간, 검정력 분석, 결과 해석을 위한 베이지안 방법에 대한 상세 자료를 포함합니다. 필드 수준에서 변형을 관리하고 외부 시스템과 연결하기 위한 CMS 통합 패턴을 제공합니다.

구조화된 콘텐츠 모델링 가이드로, 스키마 설계, 재사용성, 멀티채널 전달을 다룹니다. 콘텐츠를 페이지가 아닌 데이터로 취급하고, 단일 진실 공급원을 유지하며, 미래 채널을 고려한 설계와 편집자 워크플로우 최적화를 위한 핵심 원칙을 포함합니다. 참조와 임베디드 객체 간의 결정 프레임워크, 관심사 분리, 콘텐츠 재사용 패턴을 제공하며, 플랫, 계층적, 패싯 접근 방식에 대한 분류 및 분류 체계 가이드를 포함합니다. 다음에 적용됩니다...

Agent Context를 통해 Sanity 콘텐츠에 구조화된 접근 권한을 가진 AI 에이전트를 구축합니다. Sanity 기반 챗봇을 설정하거나 AI 어시스턴트를 Sanity에 연결할 때 사용합니다…

대화형 세션으로 Sanity Agent Context MCP의 Instructions 필드 콘텐츠를 생성합니다. 사용자가 에이전트 컨텍스트 튜닝, 개선 등을 언급할 때 이 스킬을 사용하세요.

사용자가 "X를 어떻게 하죠", "X를 위한 스킬을 찾아줘", "X를 할 수 있는 스킬이 있나요..." 같은 질문을 하거나 특정 요구를 표현할 때 에이전트 스킬을 찾고 설치하도록 도와줍니다.

사용자가 "X를 어떻게 하죠", "X를 위한 스킬을 찾아줘", "X를 할 수 있는 스킬이 있나요..." 같은 질문을 하거나 특정 요구를 표현할 때, 에이전트 스킬을 찾아 설치하도록 도와줍니다.

사용자의 계획이나 디자인에 대해 공동 이해에 도달할 때까지 끊임없이 질문하며, 결정 트리의 각 분기를 해결합니다. 사용자가 다음을 원할 때 사용하세요.

이 스킬은 사용자가 "훅 생성", "PreToolUse/PostToolUse/Stop 훅 추가", "도구 사용 검증", "프롬프트 기반 훅 구현" 등을 요청할 때 사용해야 합니다.

사용자가 v4에서 v5로의 마이그레이션을 언급할 때 sanity-plugin-internationalized-array의 _key에서 언어를 읽는 레거시 GROQ 패턴을 감지하고 업데이트합니다.

코드베이스를 탐색하여 아키텍처 개선 기회를 찾고, 얕은 모듈을 심화하여 코드베이스를 더 테스트 가능하게 만드는 데 중점을 둡니다. 다음과 같은 경우에 사용하세요…

이 스킬은 사용자가 "MCP 서버 추가", "MCP 통합", "플러그인에서 MCP 구성", ".mcp.json 사용", "Model Context Protocol 설정" 등을 요청할 때 사용해야 합니다.

Next.js 모범 사례 - 파일 규칙, RSC 경계, 데이터 패턴, 비동기 API, 메타데이터, 오류 처리, 라우트 핸들러, 이미지/폰트 최적화,…

Next.js 16 캐시 컴포넌트 - PPR, use cache 지시어, cacheLife, cacheTag, updateTag

안내 대화를 통해 Sanity Agent Context 에이전트를 조정합니다. 탐색 데이터를 프로덕션 준비가 완료된 지침으로 변환하고 시스템 프롬프트를 제작합니다…

애플리케이션 성능을 최적화합니다. 성능 요구사항이 있거나, 성능 회귀가 의심되거나, Core Web Vitals 또는 로드 시간이…

Playwright 테스트 작성, 불안정한 테스트 수정, 실패 디버깅, Page Object Model 구현, CI/CD 구성, 성능 최적화, 모킹 시 사용합니다.

웹 테스트, 양식 작성, 스크린샷, 데이터 추출을 위한 브라우저 상호작용을 자동화합니다. 사용자가 웹사이트를 탐색하거나 웹과 상호작용해야 할 때 사용하세요.

Node.js 패키지 매니저로 엄격한 의존성 해결 기능을 제공합니다. pnpm 특정 명령어를 실행하거나, 워크스페이스를 구성하거나, 의존성을 관리할 때 사용합니다.

HTML 및 Markdown 콘텐츠를 Sanity용 Portable Text 블록으로 변환합니다. 레거시 CMS에서 콘텐츠를 마이그레이션하거나 HTML 또는 Markdown을 Sanity로 가져올 때 사용합니다.

Portable Text를 React, Svelte, Vue, Astro, HTML, Markdown 및 일반 텍스트로 렌더링하고 직렬화합니다. 모든 프론트엔드에서 Portable Text 렌더링을 구현할 때 사용합니다…

Sanity 모노레포의 PR 설명과 릴리스 노트를 작성합니다. 설명, 검토할 사항, 테스트, 참고 사항이 포함된 저장소의 PR 템플릿을 따릅니다.

이 스킬은 관용적이고 조합 가능하며 일반적인 함정이 없는 RxJS 코드를 작성하는 데 도움을 줍니다. 핵심 철학: 로직을 observable 체인 안에 유지하세요. .subscribe()를 사용할 때마다 해당 작업을 .pipe() 내부의 변환으로 표현할 수 있는지 물어보세요.

Sanity CMS 개발을 위한 포괄적인 모범 사례 및 통합 가이드로, 다양한 프레임워크와 주제를 다룹니다. Next.js, Nuxt, Astro, Remix, SvelteKit, Angular 등 10개 이상의 프레임워크 통합을 프레임워크별 패턴 및 설정 가이드와 함께 포함합니다. 스키마 디자인, GROQ 쿼리 최적화, Visual Editing, Portable Text, 이미지, TypeGen, 현지화, 콘텐츠 마이그레이션을 위한 주제 가이드를 제공합니다. 작업 유형에 따라 관련 가이드만 로드할 수 있는 빠른 참조 구조를 제공합니다.

next-sanity 앱을 cacheComponents로 마이그레이션 - 엄격 모드, 3계층 컴포넌트 패턴, 명시적 perspective/stega/includeDrafts, prop-drilling 규칙

다른 CMS 및 콘텐츠 시스템에서 Sanity로의 마이그레이션을 계획, 구현 및 검토합니다. AEM, Adobe Experience Manager, Contentful, Strapi, Webflow, WordPress, Payload, Drupal, Markdown/MDX/frontmatter 파일, WXR/XML 내보내기, CMS API, 데이터베이스 덤프, 정적 HTML에서 Sanity로 마이그레이션하거나 리플랫폼할 때, 또는 추출, 변환, Portable Text 변환, 에셋 마이그레이션, 리디렉션, 검증 및 전환 워크플로를 설계할 때 사용합니다.

포괄적인 SEO 및 AEO 최적화 가이드로, 메타데이터, 구조화된 데이터, EEAT, AI 대응성을 다룹니다. Google, ChatGPT, Perplexity 및 유사 플랫폼에서 전통적인 검색 엔진 최적화(SEO)와 AI 답변 엔진 최적화(AEO)를 모두 포함합니다. 기술적 SEO 필수 요소인 메타데이터, Open Graph 태그, 사이트맵, robots.txt, hreflang 및 국제 SEO 구성을 제공합니다. Article, FAQ, Breadcrumb 및 Product 스키마에 대한 JSON-LD 구조화된 데이터 패턴을 제공합니다. 구현합니다...

Sanity Agent Context MCP로 구동되는 AI 에이전트의 시스템 프롬프트를 제작하는 대화형 세션입니다. 사용자가 에이전트의 성격을 정의하려 할 때 이 스킬을 사용하세요.

레드-그린-리팩터 루프를 사용한 테스트 주도 개발. 사용자가 TDD로 기능을 구축하거나 버그를 수정하려 할 때, "레드-그린-리팩터"를 언급하거나, 원할 때 사용합니다...

Rolldown의 초고속 성능으로 TypeScript 및 JavaScript 라이브러리를 번들링합니다. 라이브러리 빌드, 타입 선언 생성, 번들링 시 사용하세요.

JavaScript/TypeScript 모노레포를 위한 빌드 시스템입니다. Turborepo는 작업 출력을 캐싱하고 의존성 그래프를 기반으로 작업을 병렬로 실행합니다.

Vercel Engineering의 React 및 Next.js 성능 최적화 가이드라인입니다. 이 스킬은 React/Next.js 코드를 작성, 검토 또는 리팩토링할 때 사용해야 합니다.

Vercel Engineering의 React 및 Next.js 성능 최적화 가이드라인입니다. 이 스킬은 React/Next.js 코드를 작성, 검토 또는 리팩토링할 때 사용해야 합니다.

Vite로 구동되는 Jest 호환 API의 빠른 단위 테스트 프레임워크입니다. 테스트 작성, 모킹, 커버리지 구성 또는 테스트 작업 시 사용하세요.

적절한 구조, 점진적 공개, 번들 리소스를 갖춘 새로운 에이전트 스킬을 생성합니다. 사용자가 새 스킬을 만들거나, 작성하거나, 구축하려 할 때 사용하세요.