design-style-skill
PPT 슬라이드에 비주얼 디자인 시스템 적용
일관성 없는 스타일링은 프레젠테이션 슬라이드를 비전문적으로 보이고 주의를 산만하게 합니다. 이 스킬은 정확한 코너 반경 및 간격 값을 제공하는 4가지 사전 정의된 디자인 스타일 레시피를 제공하여 모든 슬라이드가 통합된 비주얼 시스템을 따르도록 합니다.
스킬 ZIP 다운로드
Claude에서 업로드
설정 → 기능 → 스킬 → 스킬 업로드로 이동
토글을 켜고 사용 시작
테스트해 보기
"design-style-skill" 사용 중입니다. 테이블과 데이터가 많은 재무 보고서에 적합한 전문적인 스타일이 필요합니다.
예상 결과:
- 권장 스타일: Sharp & Compact
- 코너 반경 - 소형: 0인치 (직각)
- 코너 반경 - 중형: 0.03인치 (미세 라운딩)
- 코너 반경 - 대형: 0.05인치 (작은 라운딩)
- 요소 패딩: 0.1 ~ 0.15인치
- 요소 간격: 0.1 ~ 0.2인치
- 페이지 마진: 0.3인치
- 블록 간격: 0.25 ~ 0.35인치
- 이 스타일은 테이블 및 재무 보고서와 같은 데이터 밀집 레이아웃에 이상적입니다.
"design-style-skill" 사용 중입니다. Pill & Airy 스타일의 버튼에 사용할 코너 반경은 무엇입니까?
예상 결과:
- Pill & Airy 스타일 버튼과 레이블에는 rectRadius: 0.2인치를 사용하세요.
- 버튼 높이가 0.4인치일 때 완전한 캡슐 모양을 위해 rectRadius를 0.2인치(높이의 절반)로 설정하세요.
- Pill 스타일의 카드 및 컨테이너에는 rectRadius: 0.3인치를 사용하세요.
- 기억하세요: 외부 컨테이너 반경은 항상 내부 요소 반경보다 크거나 같아야 합니다.
보안 감사
안전Static analyzer flagged 10 findings (6 high, 4 medium), but all are false positives. The "Ruby/shell backtick execution" detections point to markdown fenced code block delimiters (```javascript) wrapping JavaScript PptxGenJS examples, not actual shell commands. The "weak cryptographic algorithm" detections reference plain YAML frontmatter metadata fields. The SKILL.md file contains only design system reference documentation with tables of corner radius values, spacing tokens, typography guidelines, and code examples. No executable code, network calls, environment access, or security-sensitive operations are present.
낮은 위험 문제 (2)
품질 점수
만들 수 있는 것
기업 프레젠테이션 스타일링
일관된 전문적인 외관을 위해 전체 분기별 사업 보고서 덱에 Soft & Balanced 스타일 적용.
제품 런칭 덱
캡슐 모양 버튼과 넉넉한 여백이 있는 현대적이고 프리미엄 느낌의 제품 런칭 프레젠테이션을 만들려면 Pill & Airy 스타일을 사용하세요.
Sharp 레이아웃의 데이터 보고서
빨래한 데이터 중심의 외관을 위해 조밀한 테이블과 정밀한 직사각형 모양이 있는 재무 데이터 프레젠테이션에 Sharp & Compact 스타일 적용.
이 프롬프트를 사용해 보세요
분기별 사업 리뷰 프레젠테이션을 만들고 있습니다. 디자인 스타일을 권장하고 슬라이드 전체에 사용할 코너 반경 및 간격 값을 제공해 주세요.
제품 쇼케이스를 위한 PptxGenJS 카드 구성 요소를 만들어야 합니다. Rounded & Spacious 스타일에 대한 rectRadius, 패딩, 간격 값을 알려주세요.
프레젠테이션에 Sharp & Compact 헤더 섹션이 있고 콘텐츠 영역을 더 편안하게 만들고 싶습니다. 외부-내부 코너 반경 규칙을 깨지 않고 이러한 스타일을 혼합하는 방법을 보여주세요.
Pill & Airy 스타일 슬라이드를 위한 완전한 디자인 토큰 세트를 생성하세요: 모든 구성 요소 유형의 코너 반경, 타이포그래피 크기, 요소 간격, 페이지 마진, 블록 간격. 참조 테이블 형식으로 제공하세요.
모범 사례
- 프레젠테이션의 모든 슬라이드에서 항상 단일 디자인 스타일(Sharp, Soft, Rounded, 또는 Pill)을 일관되게 사용하세요.
- 외부-내부 코너 반경 규칙을 따르세요: 컨테이너 모양은 내부에 있는 모양보다 같거나 더 큰 rectRadius를 가져야 합니다.
- 스타일을 프레젠테이션 목적에 맞추세요: 데이터 보고서는 Sharp, 비즈니스 용도는 Soft, 제품 데모는 Rounded, 브랜드 런칭은 Pill.
피하기
- 사전 정의된 스타일 레시피를 따르지 않고 무작위 코너 반경 값을 혼합하여 시각적 불일치를 만듭니다.
- 외부 컨테이너 코너 반경보다 내부 요소 코너 반경을 더 크게 설정하면 시각적 오버플로우 효과가 발생합니다.
- 시각적 임팩트보다 컴팩트한 정보 밀도가 더 중요한 데이터 무거운 프레젠테이션에 Pill 스타일을 사용합니다.