What is the PAK Vocabulary skill used for?

It provides a complete reference of the 59 semantic tags used to structure and style 9x16 mobile-first slide decks within the PAK ecosystem.

How does this help with automation?

By providing a standardized schema for mapping JSON data to HTML elements, it allows AI and scripts to generate complex, styled presentations programmatically.

Are these tags compatible with CSS and JavaScript?

Yes, every tag in the PAK vocabulary is designed to work simultaneously as a CSS target, a voice.js narration target, and an API schema field.

Does the vocabulary support video and media content?

Yes, it includes specialized tags for media containers, video-specific slide types (including TikTok-style takeovers), and automatic YouTube/Vimeo embedding.

PAK Slide Vocabulary

Name: PAK Slide Vocabulary
Author: kw-smith

bykw-smith

0•

设计工具

Provides a comprehensive semantic tag reference for building 9x16 mobile-first slide decks within the PAK framework.

The PAK Vocabulary skill is a specialized reference tool for developers and creators working with the PAK slide ecosystem. It provides immediate access to 59 unique semantic tags across 14 categories, ensuring that 9x16 mobile-first presentations are built with technical precision. Each tag functions as a multi-purpose identifier—serving as a CSS selector, a voice.js narration target, an MCP data key, and an API schema field. This skill is essential for anyone automating content creation, designing custom themes, or implementing programmatic slide generation where structured data must map perfectly to visual components.

主要功能

01Comprehensive reference for 59 semantic tags optimized for 9x16 displays.

02Support for specialized layout tags like stat grids, comparison cards, and CTA blocks.

03Mapping guide for CSS targets, voice narration, and API data fields.

04Organized into 14 categories including structure, stats, features, and charts.

050 GitHub stars

06Detailed specifications for video slide behaviors and full-viewport takeovers.

使用场景

01Generating structured JSON data for automated 9x16 slide production.

02Applying custom CSS styling to specific PAK slide components.

03Configuring voice-over scripts using voice.js by targeting semantic tags.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add kw-smith/run-pak pak-vocabulary

For use in Claude.ai and ChatGPT