Designing Creative Constraints
CommunityElevate design with enforced complexity.
Authoralexejluft
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill prevents "technically correct but boring" design by enforcing minimum complexity requirements for UI components, ensuring award-level visual appeal and interactivity.
Core Features & Use Cases
- Complexity Floors: Defines minimum animation counts, easing types, and interaction states for various UI elements (Hero, Sections, Cards, Buttons, Inputs, Navigation).
- Forbidden Patterns: Identifies and discourages common anti-patterns that lead to simplistic or unengaging designs.
- Use Case: Ensure that every button has at least 5 distinct states (hover, active, focus, disabled) and uses asymmetric timing for a fluid feel, preventing basic button designs.
Quick Start
Apply the designing creative constraints skill to ensure the hero section includes at least 5 GSAP animations and uses a minimum of 3 different easing types.
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: Designing Creative Constraints Download link: https://github.com/alexejluft/brudi/archive/main.zip#designing-creative-constraints 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 223,000+ vetted skills library on demand.