hyperflow-design

What problem does it solve?

This Skill streamlines the UI/visual design process by focusing on the design system and taste, ensuring a clean, efficient, and user-friendly interface without the complexity of production code.

Core Features & Use Cases

• Design System First: Standardize your UI elements through tokens, type scale, motion language, etc., with an emphasis on extension rather than regeneration.
• Real-World References: Combine at least two references with a unique signature move, ensuring depth without direct copying.
• Taste Application: Apply matching local taste skills, passing the anti-slop floor for a refined design.
• Spec Recording: Document design tokens and signature moves for easy reference.

Quick Start

Run the 'hyperflow design system' command to create or extend your design system, followed by 'hyperflow reference research' for in-depth investigation and 'hyperflow taste apply' to implement your design vision.