constraint-physical
CommunityPrevent invalid actions with built-in structure.
Design & Creative#accessibility#input validation#interaction design#ux#drag and drop#ui controls#modal dialogs
AuthorHDeibler
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This skill helps you stop users from making invalid or dangerous choices by shaping the interface so the “wrong action” is structurally impossible or rejected.
Core Features & Use Cases
- Physical constraint design: Use structure (shape, layout, and behavior) to limit the action space so users can only do what’s valid.
- Constraint subtypes: Apply paths (restricted motion), axes (rotary/continuous controls), and barriers (blocking, slowing, or redirecting interaction).
- Practical UI patterns: Enforce validity through input types, drag-and-drop validity gates, modal/dialog barriers, and disabled states with clear enabling explanations.
Quick Start
Use the constraint-physical skill when designing inputs, pickers, drag-and-drop targets, or dialogs so invalid actions are rejected by structure rather than after-the-fact error messages.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: constraint-physical Download link: https://github.com/HDeibler/universal-design-principles/archive/main.zip#constraint-physical Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.