aesthetic

SKILL.md

Create aesthetically beautiful interfaces by following proven design principles and systematic workflows. This skill combines design thinking, frontend implementation patterns, and comprehensive analysis techniques.

Design Thinking First: Before coding, understand context and commit to a BOLD aesthetic direction. Choose a clear conceptual direction and execute it with precision. Bold maximalism and refined minimalism both work - the key is intentionality, not intensity.

Evidence-Based Aesthetics: AI lacks aesthetic sense - standards must come from analyzing high-quality examples and aligning with market tastes. Study existing designs, identify patterns, extract principles.

ビジュアルデザインのインテリジェンスとUIの美学。統合: chrome-devtools、ai-multimodal、メディア処理。能力: デザイン分析、視覚階層、色彩理論、タイポグラフィー、マイクロインタラクション、アニメーション、デザイン システム、アクセシビリティ。アクション: UI の美学を分析、設計、作成、キャプチャ、評価、実装します。キーワード: Dribbble、Behance、Mobbin、デザイン インスピレーション、視覚的階層、カラー パレット、タイポグラフィ、スペース、アニメーション、マイクロ インタラクション、デザイン システム、スタイル ガイド、アクセシビリティ、WCAG、コントラスト比、黄金比、ホワイトスペース、視覚的リズム。次の場合に使用します: 美しい UI の構築、デザインのインスピレーションの分析、ビジュアル階層の実装、アニメーション/マイクロインタラクションの追加、デザイン システムの作成、美的品質の評価、デザインのスクリーンショットのキャプチャ。 ソース: samhvw8/dot-claude。

原文を見る