constraints-principle
About
The constraints-principle skill guides developers to limit possible user actions to prevent errors, making incorrect actions difficult or impossible. It is best applied when designing forms, critical workflows, or systems where mistakes are costly. Key methods include implementing physical, semantic, and cultural constraints to guide users toward correct interactions.
Quick Install
Claude Code
Recommended/plugin add https://github.com/majiayu000/claude-skill-registrygit clone https://github.com/majiayu000/claude-skill-registry.git ~/.claude/skills/constraints-principleCopy and paste this command in Claude Code to install this skill
Documentation
Principio de Restricciones (Constraints)
Resumen
Las restricciones limitan las acciones posibles del usuario, previniendo errores al hacer imposible o difícil realizar acciones incorrectas. Guían al usuario hacia el camino correcto.
Origen
- Autor: Don Norman
- Año: 1988
- Fuente: "The Design of Everyday Things"
Tipos de Restricciones
Físicas
- Forma que solo permite un uso
- USB-C que entra de cualquier lado
- Tarjeta SIM que solo cabe de una forma
- En digital: campos con máximo de caracteres
Semánticas
- Significado que restringe opciones
- Un semáforo solo puede estar rojo, amarillo o verde
- En digital: dropdowns con opciones válidas
Culturales
- Convenciones sociales
- Rojo = peligro/stop
- Verde = ok/continuar
- En digital: patrones aprendidos
Lógicas
- Relaciones naturales entre elementos
- En formularios: campos que se habilitan condicionalmente
- Validaciones que previenen estados imposibles
Aplicación en Diseño
Formularios
- Input types específicos (email, tel, date)
- Min/max en campos numéricos
- Dropdowns en lugar de texto libre
- Campos disabled hasta completar prerrequisitos
Flujos de Trabajo
- Steps que no se pueden saltar
- Validación antes de continuar
- Confirm antes de acciones destructivas
- Permisos basados en roles
Datos
- Formatos predefinidos (fecha, teléfono)
- Ranges en sliders
- Opciones mutuamente excluyentes
- Límites de caracteres
Navegación
- Estados disabled para opciones no disponibles
- Rutas bloqueadas hasta completar requisitos
- Logout que no permite volver sin login
- Deep links validados
Ejemplos
- Date pickers: Solo fechas válidas seleccionables
- Stripe: Formato de tarjeta forzado
- Git: Branch protection rules
- Forms: Required fields
- USB-C: Reversible por diseño
Anti-patterns
- ❌ Permitir datos inválidos que luego fallan
- ❌ Campos de texto libre para datos estructurados
- ❌ Acciones destructivas sin confirmación
- ❌ Estados inconsistentes posibles
- ❌ Constraints tan estrictas que frustran
Métricas
- Error Prevention Rate: Errores evitados por constraints
- Form Validation Failures: Fallos en validación
- Invalid State Occurrences: Estados imposibles alcanzados
- User Frustration Score: Balance constraints/flexibilidad
Principios Relacionados
- [[poka-yoke]] - Diseño a prueba de errores
- [[nielsen-error-prevention]] - Prevenir antes que curar
- [[postels-law]] - Balance entre flexibilidad y rigor
Referencias
- Norman, D. (2013). "The Design of Everyday Things"
- Lidwell, W. et al. (2010). "Universal Principles of Design"
- https://www.nngroup.com/articles/slips/
GitHub Repository
Related Skills
sglang
MetaSGLang is a high-performance LLM serving framework that specializes in fast, structured generation for JSON, regex, and agentic workflows using its RadixAttention prefix caching. It delivers significantly faster inference, especially for tasks with repeated prefixes, making it ideal for complex, structured outputs and multi-turn conversations. Choose SGLang over alternatives like vLLM when you need constrained decoding or are building applications with extensive prefix sharing.
evaluating-llms-harness
TestingThis Claude Skill runs the lm-evaluation-harness to benchmark LLMs across 60+ standardized academic tasks like MMLU and GSM8K. It's designed for developers to compare model quality, track training progress, or report academic results. The tool supports various backends including HuggingFace and vLLM models.
langchain
MetaLangChain is a framework for building LLM applications using agents, chains, and RAG pipelines. It supports multiple LLM providers, offers 500+ integrations, and includes features like tool calling and memory management. Use it for rapid prototyping and deploying production systems like chatbots, autonomous agents, and question-answering services.
llamaguard
OtherLlamaGuard is Meta's 7-8B parameter model for moderating LLM inputs and outputs across six safety categories like violence and hate speech. It offers 94-95% accuracy and can be deployed using vLLM, Hugging Face, or Amazon SageMaker. Use this skill to easily integrate content filtering and safety guardrails into your AI applications.