·frontend-development
</>

frontend-development

samhvw8/dot-claude

多框架前端开发。框架: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、性能、包大小、代码分割、反应性、道具、事件。使用时机:在任何框架中创建组件、构建页面、获取数据、实现路由、状态管理、优化性能、组织前端代码、在框架之间进行选择。

14安装·0热度·@samhvw8

安装

$npx skills add https://github.com/samhvw8/dot-claude --skill 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、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