frontend-development

SKILL.md

Comprehensive guide for modern frontend development across React, Vue 3, Svelte 5, and Angular. Covers framework-specific patterns, common architectural principles, and cross-framework best practices.

| Framework | Best For | Learning Curve | Performance | Ecosystem |

| React | Large apps, strong typing, enterprise | Medium | Good | Largest | | Vue 3 | Progressive adoption, approachable | Low | Excellent | Growing | | Svelte 5 | Small/medium apps, native feel | Low | Best | Smaller | | Angular | Enterprise, full-featured | Steep | Good | Complete |

マルチフレームワークのフロントエンド開発。フレームワーク: React 18+ (Suspense、フック、TanStack)、Vue 3 (Composition API、Pinia、Nuxt)、Svelte 5 (Runes、SvelteKit)、Angular (Signals、スタンドアロン)。共通: TypeScript、状態管理、ルーティング、データフェッチ、パフォーマンスの最適化、コンポーネントパターン。アクション: コンポーネント/ページ/機能の作成、構築、実装、スタイル、最適化、リファクタリング。キーワード: React、Vue、Svelte、Angular、コンポーネント、TypeScript、フック、Composition API、ルーン、シグナル、useSuspenseQuery、Ponia、ストア、状態管理、ルーティング、遅延読み込み、サスペンス、パフォーマンス、バンドル サイズ、コード分割、反応性、小道具、イベント。どのような場合に使用します: フレームワークでのコンポーネントの作成、ページの構築、データの取得、ルーティングの実装、状態管理、パフォーマンスの最適化、フロントエンド コードの整理、フレームワークの選択。 ソース: samhvw8/dot-claude。

原文を見る