🔧

create-node

Name: create-node
Author: bytedance

آمن 🌐 الوصول إلى الشبكة📁 الوصول إلى نظام الملفات⚙️ الأوامر الخارجية

Crear nodos de flujo personalizados en FlowGram

Crear nodos personalizados para flujos de trabajo de FlowGram requiere comprender estructuras de datos complejas y configuraciones de formularios. Esta skill ofrece plantillas listas para usar y una guía paso a paso para construir tanto nodos simples con auto‑formulario como nodos complejos con UI personalizada.

يدعم: Claude Codex Code(CC)

📊 69 كافٍ

تنزيل ZIP المهارة

رفع في Claude

اذهب إلى Settings → Capabilities → Skills → Upload skill

فعّل وابدأ الاستخدام

اختبرها

استخدام "create-node". Create a simple LLM node with model name, temperature, and prompt fields

النتيجة المتوقعة:

Plantilla creada en apps/demo-free-layout/src/nodes/llm/index.ts
Tipo de nodo: WorkflowNodeType.LLM
Campos del formulario: model (Select), temperature (number), prompt (prompt-editor)
Listo para probar con rush dev:demo-free-layout

استخدام "create-node". Create a complex HTTP request node with custom form for URL, method, headers, and body

النتيجة المتوقعة:

Plantilla de nodo complejo copiada en apps/demo-free-layout/src/nodes/http/
form-meta.tsx personalizado creado con el diseño del formulario
Carpeta de componentes lista para componentes de UI personalizados
Actualizar constants.ts y index.ts para registrar el tipo de nodo

التدقيق الأمني

آمن

v5 • 1/16/2026

This skill contains only documentation and TypeScript/React templates for creating custom workflow nodes. All 194 static findings are false positives triggered by pattern detection in markdown code blocks and template placeholders. No network calls, file I/O with user input, command execution, or credential access exist. The skill uses safe patterns including nanoid for ID generation and standard relative imports.

الملفات التي تم فحصها

993

الأسطر التي تم تحليلها

النتائج

إجمالي عمليات التدقيق

عوامل الخطر

🌐 الوصول إلى الشبكة (5)

skill-report.json:6 SKILL.md:45 SKILL.md:392 SKILL.md:393 SKILL.md:394

📁 الوصول إلى نظام الملفات (26)

⚙️ الأوامر الخارجية (117)

تم تدقيقه بواسطة: claude عرض سجل التدقيق →

درجة الجودة

الهندسة المعمارية

100

قابلية الصيانة

المحتوى

المجتمع

100

الأمان

الامتثال للمواصفات

ماذا يمكنك بناءه

Crear tipos de nodos personalizados

Crea nodos especializados para tu plataforma de flujos de trabajo con entradas, salidas y diseños de formulario personalizados

Extender capacidades de flujo de trabajo

Diseña nodos específicos del dominio para consultas de base de datos, llamadas a API o lógica de negocio personalizada

Aprender patrones de desarrollo de nodos

Comprende la estructura de nodos de FlowGram mediante plantillas funcionales y documentación completa

جرّب هذه الموجهات

Crear nodo simple

Use create-node skill to create a simple database query node with auto-form. The node should have connection string, query timeout, and SQL query fields.

Crear nodo complejo

Use create-node skill to create a complex email sender node with custom form layout, recipient selector, and template preview component.

Agregar registro de nodo

Help me register a new webhook node type in the constants.ts file and node index.ts for the FlowGram demo-free-layout project.

Depurar problemas de nodos

My custom node form is not displaying correctly. The schema is defined but fields appear empty. Help me troubleshoot using FlowGram patterns.

أفضل الممارسات

Usa JSON Schema con descripciones claras y reglas de validación para todos los campos del formulario
Define los campos obligatorios en el esquema para evitar configuraciones incompletas del nodo
Gestiona el estado readonly en componentes personalizados para vistas de flujo de trabajo no editables

تجنب

No gestiones manualmente el estado del formulario cuando esté disponible el enlace del componente Field
No omitas el arreglo required en las definiciones del esquema para campos esenciales
No mezcles plantillas de nodos simples cuando se necesiten diseños de UI personalizados

الأسئلة المتكررة

¿Cuál es la diferencia entre nodos simples y complejos?

Los nodos simples usan generación automática de formularios desde JSON Schema. Los nodos complejos usan componentes React personalizados para control total de la UI.

¿Dónde debo copiar los archivos de plantilla generados?

Copia en el directorio apps/demo-free-layout/src/nodes/{node-name}/ para cada nuevo nodo personalizado.

¿Esta skill ejecuta el código del nodo creado?

No. Esta skill solo genera archivos de plantilla. Debes ejecutar rush dev:demo-free-layout para probar el nodo.

¿Qué íconos se admiten para nodos personalizados?

Se admiten formatos SVG, JPG y PNG. Coloca los íconos en apps/demo-free-layout/src/assets/ con la convención de nombre icon-{node-name}.svg

¿Cómo uso referencias de variables en campos de formulario?

Configura el tipo de campo como 'template' en inputsValues y usa formComponent: 'prompt-editor' en el esquema de inputs para campos con variables.

¿Puedo usar esta skill con proyectos fixed-layout?

Esta skill está orientada a demo-free-layout. Los proyectos fixed-layout pueden tener patrones de registro de nodos diferentes. Revisa la documentación del proyecto.