React Flow Node Ts
Skill Verifiziert AktivCreate React Flow node components with TypeScript types, handles, and Zustand integration. Use when building custom nodes for React Flow canvas, creating visual workflow editors, or implementing node-based UI components.
Empower developers to efficiently build custom nodes for React Flow diagrams, ensuring type safety and seamless state management.
Funktionen
- Generates React Flow node components
- Includes TypeScript type definitions
- Provides integration patterns for Zustand store
- Offers templates for node structure and styling
- Supports custom handles and resizers
Anwendungsfälle
- Building custom nodes for React Flow applications
- Developing visual workflow editors or diagramming tools
- Implementing complex, stateful node-based UI components
- Ensuring type safety and maintainability in React Flow projects
Nicht-Ziele
- Providing a complete React Flow implementation
- Managing the entire React Flow canvas setup
- Handling backend data fetching or API integration for node data
Practical Utility
- info:Edge casesThe SKILL.md outlines the core patterns and integration steps but does not explicitly document failure modes or recovery steps for edge cases.
Installation
Zuerst Marketplace hinzufügen
/plugin marketplace add microsoft/skills/plugin install azure-sdk-typescript@skillsQualitätspunktzahl
VerifiziertVertrauenssignale
Ähnliche Erweiterungen
Setup Tailwind Typescript
100Configure Tailwind CSS with TypeScript in a Next.js or React project. Covers installation, configuration, custom theme extensions, component patterns, and type-safe styling utilities. Use when adding Tailwind CSS to an existing TypeScript project, customizing the Tailwind theme for a project's design system, setting up type-safe component styling patterns, or configuring Tailwind plugins and extensions.
Sentry React Router Framework Sdk
100Full Sentry SDK setup for React Router Framework mode. Use when asked to "add Sentry to React Router Framework", "install @sentry/react-router", or configure error monitoring, tracing, profiling, session replay, logs, or user feedback for a React Router v7 framework app.
React Modernization
99Upgrade React applications to latest versions, migrate from class components to hooks, and adopt concurrent features. Use when modernizing React codebases, migrating to React Hooks, or upgrading to latest React versions.
Frontend Design
99Erstellen Sie unverwechselbare Frontend-Oberflächen in Produktionsqualität mit hoher Designqualität. Verwenden Sie diese Fähigkeit, wenn der Benutzer auffordert, Webkomponenten, Seiten oder Anwendungen zu erstellen. Generiert kreativen, polierten Code, der generische KI-Ästhetik vermeidet.
Shadcn/ui Component Library
99shadcn/ui component library for React with Tailwind CSS - copy-paste accessible components with full code ownership
React State Management
99Master modern React state management with Redux Toolkit, Zustand, Jotai, and React Query. Use when setting up global state, managing server state, or choosing between state management solutions.