design-guide

Community

Craft premium interfaces with cinematic polish and client brand.

AuthorAIBPM42
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Designing modern, premium interfaces that align with client branding while maintaining high quality and emotional resonance can be challenging and inconsistent. This skill provides a professional methodology to achieve stunning results.

Core Features & Use Cases

  • Glassforium Logic & Cinematic Polish: Applies advanced design principles like glass treatments, cinematic lighting, and physics-based motion to create visually stunning and emotionally engaging interfaces.
  • Client Brand Adaptation: Seamlessly integrates client colors, fonts, and brand guidelines into the design methodology, enhancing their identity without overriding it.
  • Comprehensive Design Principles: Provides guidelines for clean minimalism, color palettes, spacing systems, typography, shadows, and interactive states, ensuring consistent and professional execution.
  • Use Case: You're designing a new landing page for a client who wants a 'premium, cinematic' aesthetic. Use this skill to apply glass methodology, adapt their brand colors to lighting effects, and ensure all UI components follow a consistent, high-quality standard.

Quick Start

Use the design-guide skill to create a premium interface for my client's new web application, adapting to their brand colors.

Dependency Matrix

Required Modules

None required

Components

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: design-guide
Download link: https://github.com/AIBPM42/hodgesfooshee-site-spark/archive/main.zip#design-guide

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository