Professional Design Guide

About

This skill provides a comprehensive framework for building modern, premium user interfaces that balance professional design standards with specific client brand identities. It guides the creation of clean, minimal layouts using a strict 8px grid system, thoughtful typography, and subtle interactive states while offering advanced 'glassforium' techniques for cinematic polish. Ideal for developers needing to maintain high-caliber design consistency across diverse client projects, it ensures accessibility, mobile responsiveness, and a sophisticated aesthetic without the clutter of generic design patterns.

Key Features

• 0 GitHub stars
• Enforces mobile-first design principles and accessibility standards.
• Includes a comprehensive checklist of design anti-patterns to avoid visual clutter.
• Standardizes layouts using a consistent 8px grid system for spacing and hierarchy.
• Applies glassforium logic and cinematic lighting for premium visual polish.
• Provides specific constraints for typography, color usage, and interactive states.

Use Cases

• Building consistent, branded UI component libraries for web applications.
• Developing high-fidelity landing pages or marketing sites for professional clients.
• Refining existing interfaces with premium cinematic effects and physics-based motion.