Agent skill · software engineering · samhvw8
frontend-development
Multi-framework frontend development. Frameworks: React 18+ (Suspense, hooks, TanStack), Vue 3 (Composition API, Pinia, Nuxt), Svelte 5 (Runes, SvelteKit), Angular (Signals, standalone). Common: TypeScript, state management, routing, data fetching, performance optimization, component patterns. Actions: create, build, implement, style, optimize, refactor components/pages/features. Keywords: React, Vue, Svelte, Angular, component, TypeScript, hooks, Composition API, runes, signals, useSuspenseQuery, Pinia, stores, state management, routing, lazy loading, Suspense, performance, bundle size, code splitting, reactivity, props, events. Use when: creating components in any framework, building pages, fetching data, implementing routing, state management, optimizing performance, organizing frontend code, choosing between frameworks.
Why this skill is useful
Provides specific patterns and best practices for multiple frontend frameworks that the AI wouldn't reliably generate on its own.
What it needs
About 10k tokens when loaded. Last updated 2025-12-09. 10 stars on the source repository.
What this skill does
Frontend Development Guidelines Purpose 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. When to Use This Skill Creating components or pages in React, Vue, Svelte, or Angular Building new features with framework-specific patterns Implementing state management (Pinia, Zustand, stores, signals) Setting up routing (TanStack Router, Vue Router, SvelteKit, Angular Router) Data fetching patterns (TanStack Query, composables, SvelteKit load functions) Performance optimization across frameworks Component composition and reusability TypeScript integration and best practices Choosing the right framework for a project Migrating between frameworks --- Framework Selection Guide Choose your framework based on project requirements: 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 Quick Decision: Existing codebase? Use what's there or plan migration Team experience? Leverage existing knowledge Project size? Large → React/Angular, Medium → Vue/React, Small → Svelte/Vue Performance critical? Svelte > Vue > React ≈ Angular TypeScript required? All support it well (Angular best integrated) Ecosystem needs? React > Vue > Angular > Svelte See framework-specific sections below for detailed patterns. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills samhvw8/frontend-development