모든 웹 사이트 또는 웹 애플리케이션에 대해 여러 가지 고유한 웹 디자인 변형을 생성합니다. 파일(--spec 경로) 또는 붙여넣은 텍스트 블록의 사이트 사양을 허용합니다. Bun을 사용하여 Vite + React + TypeScript + Tailwind 프로젝트를 생성하고 /1, /2, /3 등에서 액세스할 수 있는 N개의 다양한 창의적인 디자인을 생성합니다. 모든 웹 인터페이스에 대한 디자인 방향을 프로토타이핑하거나 탐색할 때 사용합니다.
명령줄에서 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.
모든 웹 사이트 또는 웹 애플리케이션에 대해 여러 가지 고유한 웹 디자인 변형을 생성합니다. 파일(--spec 경로) 또는 붙여넣은 텍스트 블록의 사이트 사양을 허용합니다. Bun을 사용하여 Vite + React + TypeScript + Tailwind 프로젝트를 생성하고 /1, /2, /3 등에서 액세스할 수 있는 N개의 다양한 창의적인 디자인을 생성합니다. 모든 웹 인터페이스에 대한 디자인 방향을 프로토타이핑하거나 탐색할 때 사용합니다. 출처: slamb2k/mad-skills.
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/slamb2k/mad-skills --skill distil모든 웹 사이트 또는 웹 애플리케이션에 대해 여러 가지 고유한 웹 디자인 변형을 생성합니다. 파일(--spec 경로) 또는 붙여넣은 텍스트 블록의 사이트 사양을 허용합니다. Bun을 사용하여 Vite + React + TypeScript + Tailwind 프로젝트를 생성하고 /1, /2, /3 등에서 액세스할 수 있는 N개의 다양한 창의적인 디자인을 생성합니다. 모든 웹 인터페이스에 대한 디자인 방향을 프로토타이핑하거나 탐색할 때 사용합니다. 출처: 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