svelteflow-custom-nodes
Use when creating custom Svelte Flow nodes, edges, and handles. Covers custom node components, resizable nodes, toolbars, and advanced customization.
Use when creating custom Svelte Flow nodes, edges, and handles. Covers custom node components, resizable nodes, toolbars, and advanced customization.
Use when building node-based UIs, flow diagrams, workflow editors, or interactive graphs with Svelte Flow. Covers setup, nodes, edges, controls, and interactivity.
Use when Vue component patterns including props, emits, slots, and provide/inject. Use when building reusable Vue components.
Use when Vue 3 Composition API with reactive refs, computed, and composables. Use when building modern Vue 3 applications.
Use when Vue reactivity system with refs, reactive, computed, and watchers. Use when managing complex state in Vue applications.
Use when implementing advanced Zustand patterns including transient updates, subscriptions with selectors, store composition, and performance optimization techniques.
Use when implementing Zustand middleware for persistence, dev tools, immutability, and other enhanced store functionality. Covers persist, devtools, immer, and custom middleware.
Use when creating and managing Zustand stores for React state management. Covers store creation, selectors, actions, and basic usage patterns.
Use when working with Zustand in TypeScript projects. Covers type-safe store creation, typed selectors, and advanced TypeScript patterns with Zustand.
Use when typeScript async patterns including Promises, async/await, and async iterators with proper typing. Use when writing asynchronous TypeScript code.
Use when typeScript utility types, mapped types, and advanced type manipulation. Use when creating flexible, type-safe TypeScript code.
Use when creating atomic-level UI components like buttons, inputs, labels, and icons. The smallest building blocks of a design system.
Use when composing atoms into molecule components like form fields, search bars, and card headers. Molecules are functional groups of atoms.
Use when building complex organisms from molecules and atoms like headers, footers, product cards, and sidebars. Organisms are distinct UI sections.
Use when building Android UIs with Jetpack Compose, managing state with remember/mutableStateOf, or implementing declarative UI patterns.
Use when implementing Apollo Client patterns for queries, mutations, cache management, and local state in React applications.
Use when configuring interactive controls and args for Storybook stories. Helps create dynamic, explorable component demonstrations with proper type constraints.
Use when nestJS dependency injection with providers, modules, and decorators. Use when building modular NestJS applications.
Use when hotwire (Turbo and Stimulus) for building modern reactive Rails applications without complex JavaScript frameworks.
Master FastAPI dependency injection for building modular, testable APIs. Use when creating reusable dependencies and services.
Use when Rust async programming with tokio, async/await, and futures. Use when writing asynchronous Rust code.
Use when Django Class-Based Views for building modular, reusable views. Use when creating CRUD operations and complex view logic.
Use when working with Crystal language development including WebSocket communication, TLS/SSL configuration, HTTP frameworks, ORM operations, and high-performance concurrent systems.
Create a new technique plugin for a technology (language, tool, framework, or validation)