あらゆる Web サイトまたは Web アプリケーションに対して、複数の固有の Web デザインのバリエーションを生成します。ファイル (--spec パス) または貼り付けられたテキスト ブロックからのサイト仕様を受け入れます。 Bun を使用して Vite + React + TypeScript + Tailwind プロジェクトを作成し、/1、/2、/3 などでアクセスできる N 種類のクリエイティブなデザインを作成します。Web インターフェイスのプロトタイピングやデザインの方向性を検討するときに使用します。
コマンドラインで distil AI スキルを開発環境にすばやくインストール
ソース: slamb2k/mad-skills。
When this skill is invoked, IMMEDIATELY output the banner below before doing anything else. Pick ONE tagline at random — vary your choice each time. CRITICAL: Reproduce the banner EXACTLY character-for-character. The first line of the art has 4 leading spaces — you MUST preserve them.
Status icons: ✅ done · ❌ failed · ⚠️ degraded · ⏳ working · ⏭️ skipped
Generate multiple unique, creative web interface designs for any website or web application. The primary agent acts as a thin orchestrator — all heavy reading and file creation is delegated to subagents to protect the primary context window.
あらゆる Web サイトまたは Web アプリケーションに対して、複数の固有の Web デザインのバリエーションを生成します。ファイル (--spec パス) または貼り付けられたテキスト ブロックからのサイト仕様を受け入れます。 Bun を使用して Vite + React + TypeScript + Tailwind プロジェクトを作成し、/1、/2、/3 などでアクセスできる N 種類のクリエイティブなデザインを作成します。Web インターフェイスのプロトタイピングやデザインの方向性を検討するときに使用します。 ソース: slamb2k/mad-skills。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/slamb2k/mad-skills --skill distilあらゆる Web サイトまたは Web アプリケーションに対して、複数の固有の Web デザインのバリエーションを生成します。ファイル (--spec パス) または貼り付けられたテキスト ブロックからのサイト仕様を受け入れます。 Bun を使用して Vite + React + TypeScript + Tailwind プロジェクトを作成し、/1、/2、/3 などでアクセスできる N 種類のクリエイティブなデザインを作成します。Web インターフェイスのプロトタイピングやデザインの方向性を検討するときに使用します。 ソース: slamb2k/mad-skills。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/slamb2k/mad-skills --skill distil インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/slamb2k/mad-skills