form-creator
Crear formularios con validación y APIs CRUD
La creación de formularios y APIs requiere patrones consistentes para validación, seguridad de tipos y manejo de errores. Esta habilidad proporciona plantillas listas para usar para esquemas Zod, componentes de formularios React y rutas de API RESTful para que puedas enviar más rápido.
Die Skill-ZIP herunterladen
In Claude hochladen
Gehe zu Einstellungen → Fähigkeiten → Skills → Skill hochladen
Einschalten und loslegen
Teste es
Verwendung von "form-creator". Crear un formulario de suscripción con campos de correo electrónico, tipo de plan y ciclo de facturación
Erwartetes Ergebnis:
- Esquema de formulario creado con validación Zod
- Componente React con integración react-hook-form
- Estado de carga y notificaciones toast
- Endpoint de API con autenticación
- Tipos TypeScript inferidos del esquema
Verwendung von "form-creator". Crear un formulario de perfil de usuario con nombre, biografía y carga de avatar
Erwartetes Ergebnis:
- Esquema Zod con validación de cadenas
- Formulario React con componentes FormField de Shadcn UI
- Manejador de envío con estado de carga
- Límite de errores y mensajes de validación
Verwendung von "form-creator". Construir una API de gestión de tareas con endpoints crear, leer, actualizar, eliminar
Erwartetes Ergebnis:
- Endpoint GET con paginación y filtros de búsqueda
- Endpoint POST con validación de esquema
- Endpoint PATCH para actualizaciones parciales
- Endpoint DELETE con manejo de errores
- Middleware de autenticación aplicado
Sicherheitsaudit
SicherPure prompt-based skill containing only markdown documentation. No executable code, no file system access, no network calls, no command execution. Provides architectural guidance for form creation patterns. All 45 static findings are false positives - scanner misinterpreted TypeScript code examples as shell commands and authentication middleware references as cryptographic algorithms.
Risikofaktoren
⚙️ Externe Befehle (32)
🌐 Netzwerkzugriff (1)
📁 Dateisystemzugriff (1)
Qualitätsbewertung
Was du bauen kannst
Construir formularios seguros con tipos
Crea formularios validados con esquemas Zod y react-hook-form en minutos en lugar de horas
Enviar endpoints de API completos
Generar rutas de API CRUD con autenticación, validación y respuestas de error consistentes
Hacer cumplir estándares de código
Proporcionar patrones estandarizados para formularios y APIs en toda tu base de código
Probiere diese Prompts
Crear un formulario de contacto con campos de nombre, correo electrónico y mensaje usando form-creator. Incluir validación para campos requeridos y formato de correo electrónico.
Crear un formulario de registro con validación de fuerza de contraseña, coincidencia de confirmación de contraseña y validadores Zod personalizados usando form-creator.
Crear una API de planes con endpoints GET list, POST create y PATCH update usando form-creator. Incluir middleware de autenticación.
Crear un componente de formulario reutilizable que maneje modos de creación y edición con initialData usando patrones form-creator.
Bewährte Verfahren
- Siempre usa tipos inferidos de Zod en lugar de any para seguridad de tipos completa
- Reutiliza el mismo componente de formulario para operaciones de creación y edición
- Envuelve rutas de API en try/catch con respuestas de error consistentes
Vermeiden
- Evita usar tipo any en lugar de tipos inferidos de Zod
- No crees componentes separados para formularios de creación y edición
- No omitas estados de carga ni manejo de errores