@delon/form Dynamic Schema Forms
Criar Formulários Dinâmicos com @delon/form
Criar formulários complexos requer código boilerplate extenso. @delon/form permite geração declarativa de formulários usando JSON Schema, reduzindo o tempo de desenvolvimento e garantindo validação consistente em sua aplicação Angular.
Descargar el ZIP de la skill
Subir en Claude
Ve a Configuración → Capacidades → Skills → Subir skill
Activa y empieza a usar
Pruébalo
Usando "@delon/form Dynamic Schema Forms". Create a user registration form with @delon/form including name, email, password, confirm password, and role selection
Resultado esperado:
- Schema do Formulário: Propriedades para nome (obrigatório, maxLength 100), email (formato email), senha (validador personalizado), confirmar senha (validador de comparação), role (dropdown enum)
- Schema UI: Layout de grade com 2 colunas, texto placeholder, widget select para role
- Validadores: Senha mínimo 8 caracteres com requisito de maiúscula, confirmar senha deve ser igual
- Ações: Botões de submit e reset com tratamento de estado de carregamento
Auditoría de seguridad
SeguroPure documentation skill containing only SKILL.md with code examples. No executable code, scripts, network calls, file system access, or environment variable reads. This is a safe prompt-based guidance resource.
Puntuación de calidad
Lo que puedes crear
Desenvolvimento Rápido de Formulários
Acelere a criação de formulários definindo schemas em vez de escrever manualmente boilerplate de templates
Validação Consistente
Compartilhe regras de validação entre frontend e backend usando padrões JSON Schema
Layouts de Formulário Responsivos
Configure sistemas de grade e pontos de quebra responsivos para apresentação consistente de formulários
Prueba estos prompts
Criar um schema @delon/form básico com campos nome, email e idade usando JSON Schema
Mostrar como implementar dropdowns select em cascata com carregamento assíncrono de dados em @delon/form
Adicionar um validador personalizado para confirmar que campos de senha são iguais em um schema @delon/form
Criar um formulário wizard de múltiplas etapas com Angular signals que coleta informações do usuário em 3 etapas
Mejores prácticas
- Defina campos obrigatórios no schema para garantir validação adequada
- Use tipos de widgets apropriados correspondendo ao seu tipo de dados (string, number, boolean)
- Implemente carregamento assíncrono de dados para dropdowns dinâmicos para reduzir payload inicial
Evitar
- Usar valores hardcoded em vez de definições enum para opções selecionáveis
- Pular tratamento de erros de formulário, que deixa usuários sem feedback
- Definir validadores complexos inline em vez de extrair para funções reutilizáveis