What is the Slides Design System skill for Claude Code?

It is a specialized capability that allows Claude to generate detailed presentation design systems, including layouts, typography scales, and color rules based on the Universal Design System.

What presentation formats are supported?

The skill provides specifications for 16:9 and 4:3 aspect ratios, which can be applied to PowerPoint, Google Slides, Keynote, or web-based presentation frameworks.

How does it determine which fonts and colors to use?

Claude analyzes your presentation context (like 'Investor Pitch' or 'Internal Report') and maps it to a specific palette and typography pairing from the Universal Design System's 600+ DTCG tokens.

Does this skill support accessibility standards?

Yes, all generated designs utilize WCAG 2.1 AA validated palettes to ensure high contrast and readability for all audience members.

Can it help with data visualization design?

Yes, the skill includes specific rules for data and chart slides, providing an 8-color distinguishable scale and large-scale labeling rules for projected data.

Slides Design System

Name: Slides Design System
Author: mkatogui

bymkatogui

•

디자인 도구

Generates cohesive presentation design systems with standardized slide templates, typography rules, and accessible color palettes.

The Slides Design System skill empowers Claude to function as a professional presentation architect by applying the Universal Design System's rigorous standards to slide deck creation. It automatically maps specific presentation contexts—such as startup pitch decks, product demos, or internal reports—to optimized color palettes and typography scales designed for large-screen legibility. By providing structured layouts for seven core slide types and enforcing strict safe-area and animation guidelines, this skill ensures that every deck is visually consistent, accessible, and high-impact.

주요 기능

01Automated typography scaling for guaranteed large-screen readability

02Context-aware palette mapping for 57+ industry sectors

031 GitHub stars

04WCAG 2.1 AA validated color systems for accessible presentations

05Professional animation and transition timing recommendations

067 standardized slide templates including Data, Comparison, and Quote slides

사용 사례

01Building a seed-round pitch deck design for a technology startup

02Designing high-readability conference talk slides for technical presentations

03Creating a standardized internal reporting template for enterprise teams

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add mkatogui/universal-design-system slides-design

For use in Claude.ai and ChatGPT

주요 기능

01Automated typography scaling for guaranteed large-screen readability

02Context-aware palette mapping for 57+ industry sectors

031 GitHub stars

04WCAG 2.1 AA validated color systems for accessible presentations

05Professional animation and transition timing recommendations

067 standardized slide templates including Data, Comparison, and Quote slides

사용 사례

01Building a seed-round pitch deck design for a technology startup

02Designing high-readability conference talk slides for technical presentations

03Creating a standardized internal reporting template for enterprise teams

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add mkatogui/universal-design-system slides-design

For use in Claude.ai and ChatGPT