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()`、イージング、stagger、defaults、レスポンシブな動きまでカバーします。vanilla JS、React、Vue、Svelte、DOM、SVG、UI デザインの各ワークフローで gsap-core を使う際に役立ち、特に信頼できる gsap-core ガイドが必要なときに最適です。

netlify-frameworksは、Vite/React、Astro、TanStack Start、Next.js、Nuxt、SvelteKit、Remix を Netlify で動かすためのデプロイガイドです。Deployment、adapter と plugin の設定、SSR、API routes、middleware、フレームワーク固有の Netlify 連携のトラブルシュートに、netlify-frameworks を使ってください。

Netlify 上で HTML フォームを扱うための netlify-forms ガイドです。お問い合わせフォーム、フィードバックフォーム、ファイルアップロード、スパムフィルタリング、AJAX 送信、サーバーサイドコードなしのカスタム完了ページ追加に役立ちます。Backend Development のワークフローや、ビルド時のフォーム検出が必要な JS レンダリングアプリにも有用です。

sanity-best-practices は、実装前に適切な Sanity の設計パターンを見極めるための skill です。schemas、GROQ、TypeGen、Visual Editing、Portable Text、localization、migrations、Functions、Blueprints、そして Next.js、Nuxt、Astro、Remix、SvelteKit、Angular、Hydrogen、App SDK などのフロントエンド連携に使えます。