aesthetic

SKILL.md

Create aesthetically beautiful interfaces by following proven design principles and systematic workflows.

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

Reference: references/design-principles.md - Visual hierarchy, typography, color theory, white space principles.

実証済みの設計原則に従って、見た目にも美しいインターフェイスを作成します。 UI/UX の構築、インスピレーション サイトからのデザインの分析、AI マルチモーダルによるデザイン イメージの生成、ビジュアル階層と色彩理論の実装、マイクロ インタラクションの追加、またはデザイン ドキュメントの作成時に使用します。 chrome-devtools と AI マルチモーダルを使用してインスピレーションのスクリーンショットをキャプチャして分析するためのワークフロー、美的基準が満たされるまでの反復的なデザイン画像生成、および BEAUTIFUL (美的原則)、RIGHT (機能性/アクセシビリティ)、SATISFYING (マイクロインタラクション)、PEAK (ストーリーテリング) の各段階をカバーする包括的なデザイン システム ガイダンスが含まれています。 chrome-devtools、ai-multimodal、メディア処理、ui-styling、および Web-frameworks スキルと統合します。 ソース: mrgoonie/claudekit-skills。

原文を見る