frontend-philosophy

Community

Craft distinctive, memorable interfaces.

Authorgil0mendes
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill addresses the challenge of creating visually unique and impactful user interfaces, moving beyond generic or algorithmically-generated aesthetics to achieve distinctive, memorable designs.

Core Features & Use Cases

  • Design Direction: Provides a framework for making intentional Visual & Aesthetic decisions across styling, layout, colors, typography, and animations.
  • Pillar-Based Approach: Guides design through five core principles: Typography with Character, Committed Color & Theme, Purposeful Motion, Brave Spatial Composition, and Atmosphere & Depth.
  • Use Case: A frontend developer can use this Skill to ensure their UI designs are bold, characterful, and emotionally resonant, avoiding common "AI slop" by adhering to specific, intentional design choices.

Quick Start

Apply the frontend-philosophy skill to ensure the design choices for the new dashboard adhere to the five pillars of intentional UI.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: frontend-philosophy
Download link: https://github.com/gil0mendes/dotfiles/archive/main.zip#frontend-philosophy

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

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.