practices▌

Use this skill when:

Comprehensive best practices for writing reliable, maintainable Pulumi infrastructure code. \n \n Avoid creating resources inside apply() callbacks; pass Output objects directly as inputs to preserve dependency tracking and preview visibility \n Use ComponentResource classes to group related resources into reusable logical units with proper parent-child hierarchy via parent: this \n Encrypt secrets from the start with --secret flag or config.requireSecret() to prevent credential leakage in state

NgRx state management rules for global state with actions, reducers, effects, and selectors. Use with the core angular-best-practices skill for comprehensive Angular coverage.

Vue Pinia state management patterns, common reactivity pitfalls, and store setup best practices. \n \n Covers three core areas: store initialization, reactivity patterns, and state management conventions \n Addresses frequent gotchas including destructuring breaking reactivity, method binding issues, and missing state in DevTools or SSR \n Provides guidance on filter persistence, URL-based ephemeral state, and scaling Pinia for production applications \n Includes troubleshooting references for \

Apply these rules when writing or reviewing Next.js code.

Angular Material and CDK rules for component usage, theming, and testing. Use with the core angular-best-practices skill for comprehensive Angular coverage.

Vue 3 development with Composition API, <script setup> , and TypeScript as the standard approach. \n \n Enforces a structured workflow: confirm architecture, apply core foundations (reactivity, SFC structure, component focus, data flow, composables), then add optional features only when needed \n Requires reading and applying four core references before implementation: reactivity, SFC structure, component data flow, and composables \n Provides explicit component-splitting rules based on res

A senior-level guide for building production-ready React Single Page Applications (SPAs) with Vite.

Comprehensive performance optimization guide for React and Next.js applications, maintained by Vercel. Contains 64 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.

Comprehensive style guide for performant, maintainable Angular 17+ applications using signals and modern APIs. \n \n Covers TypeScript strictness, standalone components with OnPush detection, signal-based reactivity with input() , output() , and computed() , and control flow syntax ( @if , @for , @switch ) \n Includes RxJS patterns, performance optimization (route resolvers, lazy loading, @defer ), testing with component harnesses, and architecture guidelines \n Optional library-specific add-ons