Svelte

web-component-design 스킬은 팀이 React, Vue, Svelte에서 재사용 가능한 UI 컴포넌트를 설계할 수 있도록 돕습니다. 디자인 시스템에 맞는 탄탄한 API 패턴, 접근성 가이드, 스타일링 선택지별 트레이드오프 참고 정보를 제공합니다.

gsap-frameworks는 Vue, Nuxt, Svelte, SvelteKit 등 React가 아닌 프레임워크를 위한 GSAP 스킬입니다. 컴포넌트 애니메이션이 Frontend Development에서 올바르게 동작하도록, 라이프사이클에 안전한 애니메이션 초기화, 스코프가 지정된 셀렉터, 그리고 언마운트 시 정리를 다룹니다.

gsap-core 기술은 GSAP의 핵심 애니메이션 API 사용을 위한 공식 가이드로, `gsap.to()`, `from()`, `fromTo()`, 이징, 스태거, 기본값, 반응형 모션을 포함합니다. vanilla JS, React, Vue, Svelte, DOM, SVG, UI Design 워크플로에서 gsap-core를 사용할 때 유용하며, 특히 믿을 수 있는 gsap-core 가이드가 필요할 때 적합합니다.

netlify-frameworks는 Vite/React, Astro, TanStack Start, Next.js, Nuxt, SvelteKit, Remix를 Netlify에서 실행하도록 돕는 배포 가이드입니다. netlify-frameworks를 사용해 배포, adapter 및 plugin 설정, SSR, API routes, middleware, 프레임워크별 Netlify 통합 문제 해결까지 다루세요.

Netlify에서 HTML 폼을 다루는 netlify-forms 가이드입니다. 연락처 폼, 피드백 폼, 파일 업로드, 스팸 필터링, AJAX 제출, 서버사이드 코드 없이 커스텀 감사 페이지를 추가하는 데 활용할 수 있습니다. Backend Development 워크플로와, 빌드 시점의 폼 감지가 필요한 JS 렌더링 앱에 특히 유용합니다.

sanity-best-practices 스킬은 빌드에 들어가기 전에 Sanity에 가장 적합한 패턴을 고르는 데 도움이 됩니다. 스키마, GROQ, TypeGen, Visual Editing, Portable Text, 로컬라이제이션, 마이그레이션, Functions, Blueprints, 그리고 Next.js, Nuxt, Astro, Remix, SvelteKit, Angular, Hydrogen, App SDK 같은 프런트엔드 통합에 활용하세요.