About This Skill

You've seen it a hundred times. AI generates a UI and it comes out looking like every other site on the internet. Same generic layout, same boring structure, zero personality. Doesn't matter if it's a photography portfolio or a fintech app. It all looks the same. Design Philosophy fixes that by teaching your agent to think like a senior designer before writing any code. It runs through a 60-second "derive the vibe" ritual that figures out the emotional register of the project, the visual language of the industry, and what the audience actually expects. That means domain-specific design. A crypto trading platform looks and feels completely different from a children's education app or an editorial magazine site. The skill includes worked examples across 8+ industries so your agent understands what "good" means in each context. It covers the full craft stack: typography hierarchy with proper scale ratios, icon systems that match the tone, layout rhythm and whitespace, color palettes derived from the project's mood, scroll-driven animations, and the micro-interactions that separate amateur builds from professional ones. Built around current 2026 interaction patterns like scroll-triggered element assembly, view-timeline animations, and progressive content reveal so the output feels modern, not templated. Works with Claude Code, Cursor, Codex CLI, VS Code Copilot, and any agent that supports the SKILL.md standard.