UI デザインの美学を調査し、コーディング エージェント向けに実装可能な包括的なデザイン ガイドラインを作成します。ユーザーが美学 (ブルータリスト、グラスモーフィズム、レトロフューチャー、スイス モダニスト、Apple HIG、ニューモーフィズム、ミニマリズム、サイバーパンク、マテリアル デザイン、アール デコ、ヴェイパーウェーブなど) に名前を付け、正確な CSS 値、カラー パレット、コンポーネントの状態、アニメーション、タイポグラフィーを含む完全なスタイル ガイドを必要とする場合に使用します。これは、コーディング エージェントが曖昧さなく美学を忠実に実装できるほど詳細なものです。
コマンドラインで aesthetic-guide AI スキルを開発環境にすばやくインストール
ソース: petekp/claude-code-setup。
Produce exhaustive, implementation-ready design system documentation for a named UI aesthetic. The output is a reference guide detailed enough that a coding agent can faithfully implement the aesthetic with minimal room for interpretation.
UI デザインの美学を調査し、コーディング エージェント向けに実装可能な包括的なデザイン ガイドラインを作成します。ユーザーが美学 (ブルータリスト、グラスモーフィズム、レトロフューチャー、スイス モダニスト、Apple HIG、ニューモーフィズム、ミニマリズム、サイバーパンク、マテリアル デザイン、アール デコ、ヴェイパーウェーブなど) に名前を付け、正確な CSS 値、カラー パレット、コンポーネントの状態、アニメーション、タイポグラフィーを含む完全なスタイル ガイドを必要とする場合に使用します。これは、コーディング エージェントが曖昧さなく美学を忠実に実装できるほど詳細なものです。 ソース: petekp/claude-code-setup。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/petekp/claude-code-setup --skill aesthetic-guide インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
安全認証済み、信頼性の高いコード ワンクリックインストール、簡単設定 Claude Code、Cursor、OpenClaw などに対応
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/petekp/claude-code-setup --skill aesthetic-guideUI デザインの美学を調査し、コーディング エージェント向けに実装可能な包括的なデザイン ガイドラインを作成します。ユーザーが美学 (ブルータリスト、グラスモーフィズム、レトロフューチャー、スイス モダニスト、Apple HIG、ニューモーフィズム、ミニマリズム、サイバーパンク、マテリアル デザイン、アール デコ、ヴェイパーウェーブなど) に名前を付け、正確な CSS 値、カラー パレット、コンポーネントの状態、アニメーション、タイポグラフィーを含む完全なスタイル ガイドを必要とする場合に使用します。これは、コーディング エージェントが曖昧さなく美学を忠実に実装できるほど詳細なものです。 ソース: petekp/claude-code-setup。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/petekp/claude-code-setup --skill aesthetic-guide インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/petekp/claude-code-setup