Communitygithub.com

irfanputra-design/dash-skills

Dash 덱 디자인 시스템을 자동 트리거 AI 에이전트 스킬로 제공합니다 — 편집형 HTML 덱(리캡 · 피치 · 전략 메모)을 제작하고 PDF로 내보냅니다. 설치: npx skills add irfanputra-design/dash-skills

dash-skills란 무엇인가요?

이 스킬은 Dash 덱 디자인 시스템을 기반으로 하여, AI 에이전트가 자동으로 편집형 HTML 덱을 제작할 수 있도록 지원합니다. 주요 사용 사례로는 프로젝트 리캡(recap), 피치(pitch) 덱, 전략 메모(strategic memo) 등이 있으며, 최종 결과물은 PDF로 내보낼 수 있습니다. Cursor, Claude Code, Codex 등 다양한 AI 에이전트 플랫폼에서 사용할 수 있으며, 'npx skills add irfanputra-design/dash-skills' 명령어 하나로 간편하게 설치할 수 있습니다. SKILL.md 문서에 정의된 규칙에 따라 덱의 구조, 스타일, 콘텐츠 템플릿이 자동 생성되므로, 사용자는 원하는 주제와 키워드만 전달하면 완성도 높은 프레젠테이션을 빠르게 얻을 수 있습니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add irfanputra-design/dash-skills

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

dash-skills은(는) 무엇을 하나요?

Dash 덱 디자인 시스템을 자동 트리거 AI 에이전트 스킬로 제공합니다 — 편집형 HTML 덱(리캡 · 피치 · 전략 메모)을 제작하고 PDF로 내보냅니다. 설치: npx skills add irfanputra-design/dash-skills

개요

이 스킬은 Dash 덱 디자인 시스템을 활용하여 AI 에이전트가 자동으로 HTML 기반 프레젠테이션 덱을 생성할 수 있게 해줍니다. 다음 유형의 덱을 지원합니다:

  • 리캡 덱 (Recap Deck) — 프로젝트 회고, 성과 요약
  • 피치 덱 (Pitch Deck) — 제품이나 아이디어 발표
  • 전략 메모 (Strategic Memo) — 전략적 의사 결정 문서

설치

npx skills add irfanputra-design/dash-skills

사용 방법

  1. AI 에이전트에게 원하는 덱 유형과 주제를 전달합니다.
  2. SKILL.md에 정의된 규칙에 따라 덱 구조, 스타일, 콘텐츠가 자동 생성됩니다.
  3. 생성된 HTML 파일을 브라우저에서 열거나 PDF로 내보냅니다.

지원 플랫폼

  • Cursor
  • Claude Code
  • Codex
  • 기타 AI 에이전트 플랫폼

주요 기능

  • 자동 트리거: 특정 키워드나 요청이 감지되면 자동으로 덱 생성 프로세스 시작
  • 편집형 HTML: CSS와 JavaScript가 포함된 독립형 HTML 파일 생성
  • PDF 내보내기: 브라우저 인쇄 기능을 이용해 PDF로 저장 가능
  • 디자인 시스템: 일관된 색상, 타이포그래피, 레이아웃 적용

파일 구조

생성된 덱은 다음과 같은 구조를 가집니다:

  • index.html — 메인 프레젠테이션 파일
  • style.css (인라인) — 스타일 정의
  • script.js (인라인) — 인터랙션 및 네비게이션

예시

요청: "최근 스프린트 리뷰 내용으로 리캡 덱 만들어줘"

결과: 완성된 HTML 덱이 생성되며, PDF로 바로 내보낼 수 있습니다.

라이선스

MIT


자세한 내용은 원본 저장소를 참조하세요.

관련 스킬