frontend-development
✓多框架前端開發。框架：React 18+（Suspense、hooks、TanStack）、Vue 3（Composition API、Pinia、Nuxt）、Svelte 5（Runes、SvelteKit）、Angular（信號、獨立）。常見：TypeScript、狀態管理、路由、數據獲取、性能優化、組件模式。操作：創建、構建、實施、樣式、優化、重構組件/頁面/功能。關鍵詞：React、Vue、Svelte、Angular、組件、TypeScript、鉤子、組合 API、符文、信號、useSuspenseQuery、Pinia、商店、狀態管理、路由、延遲加載、Suspense、性能、包大小、代碼分割、反應性、道具、事件。使用時機：在任何框架中創建組件、構建頁面、獲取數據、實現路由、狀態管理、優化性能、組織前端代碼、在框架之間進行選擇。
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、hooks、TanStack）、Vue 3（Composition API、Pinia、Nuxt）、Svelte 5（Runes、SvelteKit）、Angular（信號、獨立）。常見：TypeScript、狀態管理、路由、數據獲取、性能優化、組件模式。操作：創建、構建、實施、樣式、優化、重構組件/頁面/功能。關鍵詞：React、Vue、Svelte、Angular、組件、TypeScript、鉤子、組合 API、符文、信號、useSuspenseQuery、Pinia、商店、狀態管理、路由、延遲加載、Suspense、性能、包大小、代碼分割、反應性、道具、事件。使用時機：在任何框架中創建組件、構建頁面、獲取數據、實現路由、狀態管理、優化性能、組織前端代碼、在框架之間進行選擇。 來源：samhvw8/dot-claude。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/samhvw8/dot-claude --skill frontend-development- 分類
- </>開發工具
- 認證
- ✓
- 收錄時間
- 2026-02-01
- 更新時間
- 2026-02-18
快速解答
什麼是 frontend-development？
多框架前端開發。框架：React 18+（Suspense、hooks、TanStack）、Vue 3（Composition API、Pinia、Nuxt）、Svelte 5（Runes、SvelteKit）、Angular（信號、獨立）。常見：TypeScript、狀態管理、路由、數據獲取、性能優化、組件模式。操作：創建、構建、實施、樣式、優化、重構組件/頁面/功能。關鍵詞：React、Vue、Svelte、Angular、組件、TypeScript、鉤子、組合 API、符文、信號、useSuspenseQuery、Pinia、商店、狀態管理、路由、延遲加載、Suspense、性能、包大小、代碼分割、反應性、道具、事件。使用時機：在任何框架中創建組件、構建頁面、獲取數據、實現路由、狀態管理、優化性能、組織前端代碼、在框架之間進行選擇。 來源：samhvw8/dot-claude。
如何安裝 frontend-development？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/samhvw8/dot-claude --skill frontend-development 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/samhvw8/dot-claude
詳情
- 分類
- </>開發工具
- 來源
- skills.sh
- 收錄時間
- 2026-02-01